← Home

Color Palette & Contrast

Generate harmonious palettes and check WCAG 2.1 accessibility.

Palette Generator

Base Color

Color Scheme

Click a swatch to copy the hex code.

Text Color

Background Color

The quick brown fox jumps over the lazy dog.

Small text: WCAG requires a higher contrast ratio for text below 18pt / 14pt bold.

–:1

AA Normal

–

AA Large

–

AAA Normal

–

AAA Large

–

Large text = 18pt+ (24px+) or 14pt+ bold (18.67px+). AA requires 4.5:1 normal / 3:1 large. AAA requires 7:1 normal / 4.5:1 large.