Back to all tools
For design system teams
Color Palette Validator
Paste a JSON object, CSS variables, or Tailwind config and get a complete WCAG contrast matrix for every foreground/background combination. See pass/fail for AA, AA Large, and AAA at a glance.
Palette input (JSON, CSS variables, or key/value)
Want a design system that passes contrast by default?
Color contrast is one of 50 WCAG criteria. The A11y Starter Kit ships a token-driven design system where every token pair (foreground over background, primary over surface, etc.) is contrast-tested at build time, so design drift never breaks accessibility.
Get the A11y Starter Kit →Palette passes. Does the rest of the site?
A compliant palette is a good start and about 30% of WCAG 2.1 AA. We manually test the other 70%: keyboard navigation, screen reader output, focus order, and form error recovery. Audits from $499.
Frequently Asked Questions
Common questions about the color palette validator.