What's a color harmony?

A color harmony is a rule for picking colors that look good together based on their position on the color wheel — for example, complementary colors sit opposite each other, while analogous colors sit close together.

Which harmony should I use?

Monochromatic (shades of one hue) is safest for UI and reads calm; analogous is close behind and still low-risk; complementary and split-complementary add contrast for calls to action; triadic and tetradic give the boldest, most varied palettes and work well for illustration or branding.

Can I get the palette in a format other than hex?

The swatches copy as hex codes. Paste a hex code into any color tool, or into this site's Color Picker, to convert it to RGB or HSL.

Is my color data sent anywhere?

No — every palette is computed locally in your browser with simple HSL math, nothing is uploaded.

COLOR PALETTE GENERATOR

Pick a base color and a harmony, get five colors that work together. Nothing leaves your browser.

Base color

Harmony

How to generate a color palette

1
Pick a base color with the color picker, or type a hex code.
2
Choose a color harmony to control how the other colors relate to it.
3
Click a swatch to copy its hex code, or Shuffle for a random starting color.

Questions

What's a color harmony?: A color harmony is a rule for picking colors that look good together based on their position on the color wheel — for example, complementary colors sit opposite each other, while analogous colors sit close together.
Which harmony should I use?: Monochromatic (shades of one hue) is safest for UI and reads calm; analogous is close behind and still low-risk; complementary and split-complementary add contrast for calls to action; triadic and tetradic give the boldest, most varied palettes and work well for illustration or branding.
Can I get the palette in a format other than hex?: The swatches copy as hex codes. Paste a hex code into any color tool, or into this site's Color Picker, to convert it to RGB or HSL.
Is my color data sent anywhere?: No — every palette is computed locally in your browser with simple HSL math, nothing is uploaded.