Colour Palette Generator
Generate harmonious colour schemes from a base colour.
A website feels considered when its colours clearly belong together. Start from one base colour and this generator applies established colour-theory relationships — complementary, analogous and triadic — to build a balanced scheme around it.
Turning a palette into a design
- Lead with your main colour for primary actions and reserve a complementary tone for highlights.
- Anchor everything with one neutral for text and backgrounds so the palette has room to breathe.
- Drop the HEX values straight into CSS custom properties or your design-system tokens.
