Color & Design
Accessible Color Palette Generator
Build 100–900 shades from brand colours with WCAG contrast ratings.
Good to know
Frequently asked questions
How do I use it?
Enter your brand colours (hex) and press “Generate”. Check the result, then copy or download it.
How does it work?
Mixes each colour with white and black for 9 shades, picks the better text colour for each and rates it AA/AAA. Also compares your colours with each other.
Is my data uploaded?
No. Everything is processed in your browser and nothing is sent to a server. No account is needed.
Keep exploring
Related tools
Color & Design
CSS Color Variables Generator
Generate a full :root color scale (50–900) from one base color.
