Color Palette Generator
Pick a base colour and get a matching palette of tints and shades with hex codes — click any swatch to copy. Free, no sign-up.
Building a palette that works
Start from your brand's main colour, then use the lighter tints for backgrounds and hover states and the darker shades for text and borders. Always check the colour you use for body text passes WCAG contrast against its background — our color contrast checker does this in a click.
Frequently asked questions
What is a color palette generator?
A color palette generator creates a set of matching colours from a single base colour — usually a range of tints (lighter) and shades (darker) — that work together on a website or brand.
How do I use the generated colours?
Click any swatch to copy its hex code, then paste it into your CSS, design tool, or brand guidelines.
What makes a good website colour palette?
A practical palette has one strong brand colour, a few supporting tints/shades for backgrounds and borders, and enough contrast for accessible text (aim for 4.5:1 against text).
Is this tool free?
Yes — it runs in your browser, is free, and needs no sign-up.