Color Palette Generator

Generate harmonious 5-color palettes for your designs. Pick a harmony, press space to regenerate, lock the colors you love, and click any swatch to copy its hex. All in your browser.

The harmony modes

ModeHow it worksFeels
AnalogousNeighbouring hues on the wheelCalm, cohesive
ComplementaryOpposite huesHigh contrast, energetic
TriadicThree evenly spaced huesVibrant, balanced
MonochromeOne hue, varied lightnessElegant, minimal

How to use it

Press space (or Generate) to roll a new palette. Found a colour you want to build around? Click its lock and it'll stay while the others change. Click any colour to copy its hex code, or “Copy all” for the whole set — paste straight into CSS, Figma or your design tool.

Private by design. Palettes are generated in your browser — nothing is uploaded.

Frequently asked questions

What is a colour harmony?

Colours that work together by their wheel positions — analogous (neighbours), complementary (opposite), triadic (evenly spaced), monochrome (one hue).

How do I keep a colour I like?

Click its lock icon; locked colours stay when you regenerate.

What are hex codes?

Like #2DD4BF — how CSS represents colour. Click a swatch to copy it.

More free tools

Grab colours from an image: Color Picker · See all Alienated Tools.