Colour Palette Generator

Pick one colour and it derives the colours that go with it using colour-wheel rules — complementary, analogous, triadic. Choosing by rule rather than by eye keeps a scheme from going badly wrong.

🎨 Everything runs in your browser. No install, no sign-up.

Base colour

Analogous

Neighbours on the colour wheel. Natural and easy, which suits large areas like a background and its body text.

Use them roughly 60:30:10

What you do after picking the colours matters more. Give 60% to the broad background, 30% to the secondary and 10% to the accent, and the same set of colours reads as far more composed. Push the accent past 30% and it stops being an accent.

What this tool does

Complementary, analogous, triadic and tetradic
Monochrome lightness steps
Copy any HEX
Copy the whole palette as CSS

Other colour tools

Colour Shades GeneratorTurn one colour into a 50–900 scale Colour MixerFind the colour between two colours Random Colour GeneratorLock the ones you like, reroll the rest Colour Contrast CheckerCheck text legibility against WCAG

Colours may look slightly different depending on your screen and its colour profile.