Color Palette Generator
Generate tints, shades and harmonious schemes from a base colour, and copy any hex. Runs entirely in your browser.
How it works
1
Pick a base colour
Use the picker or type a hex value.
2
See the palette
Tints, shades and harmonious schemes are generated instantly.
3
Pick your colours
Click any swatch to copy its hex.
4
Use them
Drop the colours into your CSS, design system or brand kit.
Frequently Asked Questions
Tints (lighter), shades (darker), plus complementary, analogous and triadic harmonies based on the colour wheel.
The colour opposite on the wheel (hue + 180°) — it gives the strongest contrast against your base.
No — the palette is generated in your browser.
Generate a colour palette from any base colour, free. Pick a colour and instantly get a range of tints and shades plus complementary, analogous and triadic schemes built from colour-wheel harmonies — then click any swatch to copy its hex. It’s perfect for building a design system, a brand palette or a CSS theme. Everything runs in your browser, so it’s fast and private.