TOOL · COLORS
Color palette generator
Pick (or roll) a base color and take five ready harmonies — complementary, analogous, triad, monochromatic and tones — each swatch with its hex one click away.
Complementary
Analogous
Triad
Monochromatic
Tones
Processed in your browser — your files never leave your computer.
How it works
-
Pick the base color
Type the hex, use the visual picker or hit "random color" and let luck decide. rgb() and hsl() work too.
-
Compare the five harmonies
The palettes appear instantly, one below the other: complementary for strong contrast, analogous for smoothness, triad for balance, monochromatic and tones for variations of the same color.
-
Click a swatch to copy
Each little square copies its own hex on click. Build your combination by copying across harmonies — nobody has to know.
Frequently asked questions
What does each harmony mean?
Complementary is the color on the opposite side of the color wheel — maximum contrast, good for highlights. Analogous are the neighbors — they match effortlessly. Triad is three equidistant colors — lively and balanced. Monochromatic varies only the light/dark of the same color, and tones vary the intensity, from vivid to grayish.
Which harmony should I use in my project?
Rule of thumb: analogous or monochromatic for background and structure, complementary for the button or highlight, triad when you need variety (charts, categories). Tones work for states — hover, disabled, border.
Can I use the palettes commercially?
Yes. Nobody owns a color — the generated palettes are yours to use in any project, personal or commercial, no credit needed.
Why do the generated colors look different from the base?
The harmonies rotate your color's hue around the color wheel while keeping the same saturation and lightness. The base color always appears in the palette (first or middle swatch, depending on the harmony).
Is there a palette limit?
No. Generate as many as you want — the random color roll is one click, with no sign-up, account or quota.
Are my colors sent to a server?
No. The palettes are computed inside your browser, on your device. Nothing leaves your computer.