Color Palette Generator
Random and harmony colour palettes with HEX codes.
Click a colour to copy its HEX code. Use the lock to keep a colour when you regenerate.
About this tool
Color Palette Generator builds sets of colours that work together, using classic colour-wheel rules or pure randomness. Lock the colours you like and regenerate the rest until the palette fits your design, then copy the codes or export them.
How to use Color Palette Generator
- Choose a harmony rule and how many colours you want.
- Press Generate or the space bar, locking colours you want to keep.
- Click a colour to copy its HEX code, or export CSS variables or a PNG.
Questions people ask
What is a complementary palette?
It pairs hues opposite each other on the colour wheel (180° apart), such as blue and orange. The contrast is strong, so use one colour as the main tone and the other as an accent.
What is the difference between analogous and triadic?
Analogous colours sit next to each other on the wheel (here about 25° apart) and feel calm. Triadic colours are spaced evenly at 120°, which gives a balanced but more lively look.
How do I use the CSS variables export?
Paste the :root block into your stylesheet, then use the colours anywhere with var(--color-1), var(--color-2) and so on.