Colour Palette Generator
Harmonious palettes from one colour.
- 100% free
- No sign-up
- Runs in your browser
Colour theory, done for you
Start from your brand colour and get five swatches that belong together, based on classic colour-wheel harmonies.
Copy the HEX codes or ready-made CSS custom properties for your stylesheet.
- 1
Pick a base colour
Or hit Random.
- 2
Choose a harmony
Six classic schemes.
- 3
Copy
HEX list or CSS variables.
Frequently asked questions
Which harmony should I use?
Analogous feels calm and cohesive; complementary gives strong contrast for calls to action; monochrome is safest for UI.
How many colours does a site need?
Usually a primary, an accent and a set of neutrals is plenty.
Is my data uploaded anywhere?
No. Everything runs in your browser with JavaScript — nothing you type or open is sent to our servers.