Free Tool

Colour Palette Generator

Pick a base colour and generate five palette types instantly. Click any swatch to copy the hex value. Use the contrast checker to verify WCAG compliance.

Base Colour

Contrast Checker

Check WCAG 2.1 contrast compliance between two colours.

Foreground

Background

Sample Heading Text

This is how body text looks with these colours.

Contrast Ratio

3.56:1

AA Normal

FAIL

Requires 4.5:1

AA Large

PASS

Requires 3:1

AAA Normal

FAIL

Requires 7:1

AAA Large

FAIL

Requires 4.5:1