Generator
Accessible color palette generator
Build accessible color palettes that meet WCAG contrast targets for text and UI — then verify every pairing and export clean values.
What makes a palette accessible
- Body text against its background should reach at least 4.5:1 (WCAG AA); large text and UI need 3:1.
- Never rely on color alone to convey meaning — pair it with text or icons.
- Provide enough contrast between adjacent UI surfaces and borders.
Generate a palette, then check each text/background pair in the contrast checker. The generator’s built-in contrast hints help you choose readable label colors automatically.
Check pairings with the contrast checker or browse ready-made collections.
Frequently asked questions
What contrast ratio is accessible?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text and UI components. AAA raises these to 7:1 and 4.5:1.
Does an accessible palette guarantee an accessible site?
No — contrast is one part. You still need accessible structure, keyboard support, and testing with assistive technology.