Brand Palette Accessibility Checker
Check every combination in a set of brand colors against WCAG contrast requirements at once — find which pairs are safe to use for text.
Overview
Brand Palette Accessibility Checker takes a list of brand colors and checks every possible foreground/background combination against WCAG AA in one pass, so you can quickly see which pairs are safe for text and which need an alternative. Unlike Contrast Checker, which compares one pair at a time, this tool is built for auditing an entire palette at once.
Key Features
- Enter any number of brand colors
- See every foreground/background combination checked against WCAG AA
- Exact contrast ratio for each pair
- Sorted so passing pairs are easy to find
- Deeplinkable via a ?colors= URL parameter
Common Use Cases
- Auditing a brand style guide — Check every color in a brand guide against every other color before publishing usage rules.
- Reviewing a new palette proposal — Quickly see which pairs in a proposed palette are usable for body text versus decorative use only.
How It Works
Enter your brand colors
Add each color in your palette — add or remove colors as needed.
Review every combination
Every color is checked as text against every other color as a background, with a live preview, ratio, and pass/fail badge.
Act on the results
Identify which pairs are safe for text, and open a failing pair in the Color Editor to find an accessible alternative.
