Chromapalette studio

Check it, try it, take it

Contrast against WCAG 2.2, a live interface preview, perceptual gradients and export.

Contrast matrix

Text colour (rows) on each background (columns). WCAG: AA needs 4.5:1 for body text and 3:1 for large text; AAA needs 7:1.

AAA 7+AA 4.5+AA18 3+ large text onlyFAIL under 3

Live preview

Roles are assigned automatically by lightness and chroma.

Wayfarer
Featured route

Three slow days along the coast

Ferries, cliff paths and a bakery that opens at six. A made-up itinerary for trying colours on.

4 stopsEasy walkingSpring
Distance42.6 km
Offline maps

Gradient

Interpolated in OKLab, so the midpoints stay bright instead of turning grey.

90°
sRGB
OKLab

Export


      

    

  

  
Chroma builds palettes in OKLCH, a perceptual colour space, and maps them back into sRGB. Colour names are the nearest of the 148 CSS named colours.