Colour Palette Generator
Build harmonious palettes — complementary, triadic, analogous and monochromatic.
To generate a colour palette, pick a base colour and a harmony rule. Complementary rotates the hue 180 degrees for maximum contrast, analogous stays within 30 degrees for a calm scheme, and triadic spaces three hues evenly for balanced variety.
Runs in your browser- Privacy
- Runs entirely in your browser — nothing is uploaded
- Cost
- Free, unlimited, no sign-up
Frequently asked questions
How many colours should a palette have?
Why do my palette colours look wrong together?
How to use the colour palette generator
- 1Pick the base colour.
- 2Choose the harmony.
- 3Set the colours.
- 4The result appears immediately — copy or download it.
Embed this tool
Put the working colour palette generator on your own site. It runs in your visitors' browsers exactly as it does here — free, no account, nothing uploaded.
Share this tool
Related tools
Tailwind Colour Shade GeneratorGenerate a full 50–950 Tailwind colour scale from a single brand colour.Colour Tints & Shades GeneratorGenerate lighter tints and darker shades of any colour, with hex values.CSS Box Shadow GeneratorDesign a CSS box-shadow with live values for offset, blur, spread and colour.Glassmorphism CSS GeneratorCreate frosted-glass CSS with backdrop blur, transparency and a subtle border.CSS Gradient GeneratorBuild linear, radial and conic CSS gradients and copy the code.Image Colour Palette ExtractorPull the dominant colours out of any image as HEX and RGB values.
Last updated
More color tools