Colours

Perceptual OkLCh ramps and a WCAG contrast tester that proposes the nearest passing colours, using the same lightness/chroma model as the ramp.

Ramp

Name

Base colour

Anchor

Increment

Format

Click a value to copy · bg/tx sends it to the tester

Background

Text

Empty text = black

The quick brown fox jumps over the lazy dog. Large text 24px

—contrast ratio

Variable prefix

Format

Drag to reorder · click a pair to load it back into the tester