Accessible Palette Builder

Add colors to your palette and instantly see which text/background pairs meet WCAG AA (4.5:1) and AAA (7:1) contrast requirements. Get safe suggestions automatically.

Color

Hex value

Runs entirely in your browser. No data is uploaded.

How it works

STEP 1

Add colors

Enter hex color values and add them to your palette. Mix brand colors, neutrals, and accent colors.

STEP 2

Check pairs

Every possible text/background combination is tested automatically against WCAG AA and AAA standards.

STEP 3

Use safe pairs

Green cells pass, red cells fail. Click any failing pair to get a suggested accessible alternative.