Coloristic

Palette Accessibility

Run a full-palette WCAG matrix and color-vision simulation in one pass — every swatch pair, every deficiency model.

Open in generator
Preview on UI mockupsCheck a single text pair

Overall score

97

Colors 4 and 6 may look the same under Protanopia.

Color vision simulation

WCAG contrast matrix

Total pairs

30

Passing AA

16

Failing

14

Best ratio

16.12:1

Pairs to fix first

Strongest pairs

on#18181b / #f4f4f5
16.12:1 · AAA
on#f4f4f5 / #18181b
16.12:1 · AAA
on#18181b / #22c55e
7.78:1 · AAA
on#22c55e / #18181b
7.78:1 · AAA
on#52525b / #f4f4f5
7.03:1 · AAA
on#f4f4f5 / #52525b
7.03:1 · AAA

Full-palette audit

Pair-level contrast checkers answer whether one text color reads on one background. Product palettes need more: every swatch against every other swatch, plus simulation under protanopia, deuteranopia, and tritanopia.

This tool runs both checks in one pass and surfaces the worst pairs first so you can fix tokens at the source instead of patching components after launch.

What the report includes

A color-vision simulation score with per-deficiency collision metrics — the same engine used in the palette generator's accessibility view.

A WCAG 2.2 contrast matrix ranking failing and passing foreground/background combinations.

An overall accessibility score and plain-language verdict you can attach to design sign-off.

Workflow

Paste hex values, import from a generator share link, or open a curated archive palette. When the audit passes, preview the palette on UI mockups or export CSS, Tailwind, and design-token JSON — all free.