Color palette generator
Pick a colour to get lighter tints and darker shades with hex codes.
Color palette generator
Pick a base colour and get a palette of tints and shades — lighter and darker versions — each with its hex code. Perfect for building UI colour scales, hover states and accessible variants from a single brand colour.
Tints and shades
A tint mixes the colour toward white (lighter); a shade mixes it toward black (darker). The middle swatch is your exact colour. Use lighter tints for backgrounds and darker shades for text or borders to keep contrast.
Frequently asked questions
What format are the codes? Hex (e.g. #146c43), ready to paste into CSS.
Does my colour leave the page? No — the palette is generated locally in your browser.