Palette Generators & Color Tools
Welcome to a very special section of our site, where you will discover an array of innovative palette generators and interactive color tools. We invite you to explore these exciting resources. Whether you're a designer seeking inspiration, or just curious about color combinations, our tools are designed to enhance your creative experience. Feel free to dive in and check them out!
1. Color Wheel Explorer
This is not your average color wheel! Click anywhere on the wheel to select a hue, then use the tabs at the top to switch between Complementary, Split-Complementary, Triadic, Tetradic, and Analogous harmony modes. Notice how the harmony markers shift around the wheel as you move your selection — and pay attention to the shade rows beneath each harmony label, which show you the full range of light-to-dark values available within each color. Try clicking several hues across different parts of the wheel and observing how the displayed HEX, HSL, and RGB values change. This is the Hue dial in action.
2. Blending Simulator
No more muddy coloring! Try our blending simulator tool to make your colors sing. Use the color pickers or H/S/L sliders to set two colors, then watch the gradient strip update in real time. Try switching between the three blend modes — Perceptual (HSL), Linear (RGB), and Pigment (RYB) — and notice how the same two colors produce different midpoints depending on the mode. The analysis panel on the right will tell you the hue distance, rate the muddy-midpoint risk, show you the actual midpoint color, and give you an artist's note explaining what to expect. Try pairing a vivid red with a vivid green, then try pairing a warm orange with a cool yellow — the contrast in midpoint quality is immediately visible.
3. Shading Calculator
Generate a shading palette based on one of 6 pre-defined light sources and 4 surface types. Select a base color using the color picker or H/S/L sliders, then choose a Light Source Temperature — try Warm Sunlight first, then switch to Cool Shade and watch how the entire generated palette shifts. The five output swatches show you the Specular, Highlight, Midtone, Shadow, and Deep Shadow colors, each derived from the physically accurate color-temperature model. The sphere preview renders those five values in context. The Artist's Technical Notes at the bottom of the tool describe the specific hue shift amounts and layering approaches for each lighting scenario.
Try running your current painting's dominant color through the calculator — you might find that the shadow color it suggests is more interesting than what you have been mixing.
4. Custom Design Planner
We promise that you will absolutely love this Custom Design Planner interactive color tool. One of the most practical — and often overlooked — steps in any coloring or painting project is deciding how much of each color to use before you begin. It sounds simple, but proportion is quietly one of the most powerful variables in a composition.
The 60-30-10 rule used by the interactive design planner saves you from a boring color composition. The principle is straightforward: approximately 60% of your composition's color area should be occupied by a single dominant color, roughly 30% by a secondary supporting color, and the remaining 10% by one or more accent colors used sparingly. The dominant color provides the composition's visual foundation and establishes its overall mood. The secondary color supports and complements the dominant without competing with it. The accent color — often the most saturated or contrasting hue in the palette — provides the spark of energy that brings the whole design to life,
The ratio is not rigid — 55-30-15 or 65-25-10 work equally well — but the underlying logic is firm: one color leads, one supports, and the rest accent. This principle applies whether you are working on a floral coloring page, a geometric mandala, a landscape painting, or a digital illustration.
To use the Custom Design planner, begin by selecting a color harmony from the tabs at the top — Analogous, Complementary, Triadic, and several others are available, each pre-loaded with a set of default zones and suggested proportions appropriate to that harmony type. Name each zone after the part of your design it represents (background, focal flower, foliage, shadow, and so on), assign it a color using the color picker, and then adjust the percentage values until the donut chart and ratio bars reflect the balance you are aiming for. A total indicator will let you know when your percentages reach exactly 100%.
The Suggested Palettes chips near the bottom offer one-click preset color combinations derived from your chosen harmony, which you can use as a starting point or as inspiration. When you are satisfied with your plan, the Export section lets you copy all your colors as HEX values, as CSS custom properties, or download them as a plain text reference file to keep open alongside your work.
