What is a harmonious palette
A harmonious color palette uses mathematical relationships on the color wheel to combine colors that work well together visually. This tool starts from a base color and generates others by rotating hue in the HSL model.
Available schemes
| Scheme | How it works |
|---|---|
| Complementary | Base color + color at 180° on the wheel — maximum contrast |
| Analogous | Base color ± 30° — neighboring colors, gentle harmony |
| Triadic | Three colors at 120° from each other — balanced contrast |
| Tetradic | Four colors at 90° from each other — rich, versatile palette |
| Monochromatic | Lightness variations of the same color — cohesive, minimal look |
Usage tip
Complementary schemes work well to highlight action elements (buttons, CTAs), while analogous and monochromatic schemes create softer, more professional interfaces.
Frequently asked questions
How does the complementary scheme work?
It takes the base color and adds 180° to its hue on the color wheel, generating the color of maximum contrast.
Which scheme is best for a corporate site?
Monochromatic or analogous schemes usually feel more sober; complementary schemes work well to draw attention on buttons and highlights.
Can I use any color format?
The tool accepts hex codes, in #RRGGBB or the shorthand #RGB format.
What is the HSL model used in the calculations?
HSL represents color as Hue, Saturation and Lightness — the most intuitive model for generating harmonious color variations.