Systemic WCAG Palette Generator

WCAG · Contrast · Design Systems

Type: Color tool
Standard: WCAG 2.2 AA
Format: Interactive generator
Output: 9-tone palette (100–900)

Create tonal palettes that pass WCAG AA standards. Start by choosing a base hue — the tool validates contrast against black and white — then generates a full 100–900 scale where every adjacent pair maintains at least 1.35 contrast step. Tweak individual tones and test combinations across palettes with confidence.

Choose a base tone (500)

Adjust the sliders until the base meets AA contrast against both black and white.

Hue 220

Saturation 70

Lightness 45

#2258c3Full black: 3.25:1Full white: 6.46:1

Base must meet AA (4.5+) against both black and white

Your palettes

No palettes yet. Adjust sliders above and click Generate.

Cross-palette tester

Create at least two palettes to test color combinations across them.