Toolgeist › Design

Palette Contrast Tester — Check an Entire Color Palette for A11y

Enter your full color palette to see every foreground/background combination checked against WCAG contrast requirements at once, in a grid — instead of testing one pair at a time, which misses combinations you did not think to check when a palette has more than a couple of colors.

How to use Palette Contrast Tester

1. Enter your palette colors.
2. Review the full contrast grid — every pairing checked.
3. Identify combinations that fail WCAG AA or AAA.
4. Adjust colors that fail.

Frequently asked questions

Why check the whole palette instead of one pair?

A design system with 6+ colors has dozens of possible foreground/background pairings — checking them one at a time as you happen to use them misses combinations that only surface later, often after launch.

What contrast ratio do I need for WCAG AA?

4.5:1 for normal text, 3:1 for large text (18pt+ or 14pt+ bold) — the grid flags which pairings meet or miss each threshold.

Does it check AAA as well as AA?

Yes — both thresholds are shown so you can decide which standard your project targets.

Related Design tools

• Stripe Artist
• AI Vector Designer
• Aspect Ratio Calc
• Avatar Generator
• Image Resizer
• Color Blindness

Also searched for: color palette contrast checker all pairs · wcag contrast grid tool · check accessibility of color scheme

Browse all 738 free tools on Toolgeist →