Web Design & Dev
Colour Palette Generator
Pick one brand colour and get a harmonious palette plus a 50–900 shade scale, ready to copy as CSS variables.
Runs entirely in your browser — nothing you enter is sent or stored.
How it works
Harmonies rotate the hue around the colour wheel in HSL (complementary 180°, analogous ±30°, triadic 120°, split 150°/210°). The shade scale mixes the base colour toward white and toward near-black in fixed steps, so 500 is always your original colour.
Frequently asked questions
How many colours does a website need?
One brand colour, one accent, and a neutral grey scale covers almost every design.
Are these accessible?
Test any text colour in the Colour Contrast Checker — the palette itself does not guarantee contrast.