Free tool
Color palette generator
Generate an accessible color palette from any base color.
Type
Design
free tool
Privacy
Zero
no tracking, no storage
Instant
Results
processed in your browser
Built by
WebGrow24
senior team
Enter a base color in hex. Get a 5-step palette with contrast ratios for every pair.
How to use
- 1Enter a base color in hex.
- 2Read the palette and contrast ratios.
How we compute
You get a 5-step palette from light to dark, with contrast ratios for body text, large text and UI controls.
Questions
Frequently asked questions
Generate an accessible color palette from any base color.
What is WCAG AA contrast?
Body text needs 4.5 to 1. Large text and UI controls need 3 to 1.
How do I read the contrast ratio?
The contrast ratio is written as a number to one, such as 4.5:1. A ratio of 4.5:1 means the lighter color must be 4.5 times brighter than the darker one to be distinguishable. Higher numbers mean stronger contrast. WCAG AA requires 4.5:1 for regular body text and 3:1 for large text and UI components.
Browse other tools
Step through every free tool the WebGrow24 team ships.
Free tool
Need a custom tool?
We build custom SEO, content and analytics tools for clients. Fixed scope in 48 hours.
Or call us:+91 96875 72424hello@webgrow24.com