Browser 106

no file limit

Inspector color/brand-palette-accessibility-checker

Brand Palette Accessibility Checker

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.

Auditing a brand style guideCheck every color in a brand guide against every other color before publishing usage rules.
Reviewing a new palette proposalQuickly see which pairs in a proposed palette are usable for body text versus decorative use only.

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

Set

Color Tools 11

Neighbours

01 Accessible Palette Generator 02 Accessible Text Color Finder 03 Color Blindness Simulator 04 Color Converter 05 Color Editor 06 Complementary Color Generator

Specification

Command: color.brand_palette_accessibility_checker
Set: Color
Input: text
Output: —
Max file: no limit
Batch: single file

Runtime

Engine: native oklch
Threads: single
Isolated: —
WebGPU: —
Memory: —

Transport 0 B

The file is opened, worked on and written back inside this tab. No upload step exists in this tool — there is nowhere for the bytes to go.

Keys

Search: ⌘K
Panels: ⌘1 · ⌘2
Full width: F
All keys: ⌘/

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.

Frequently asked

How many colors can I check?

There's no fixed limit — add as many brand colors as you need. Every color is checked against every other color, so the number of combinations grows quickly with a large palette.

What passes, and what does it mean if a pair fails?

Each pair is checked against the WCAG AA text threshold (4.5:1). A failing pair isn't necessarily unusable — it might still work for large text, UI elements, or decorative use where the stricter text threshold doesn't apply.

Can I share a link to a specific set of colors?

Yes — /tools/color/brand-palette-accessibility-checker?colors=%23111827|%23ffffff opens with those colors already loaded.

Keys

Search: ⌘K
Panels: ⌘1 · ⌘2
Full width: F
All keys: ⌘/

Related · Color Tools