← Ibrahim Hayd Project 07

Palette Lab

Five colours computed in OKLCH, so lightness stays honest across hues. Lock what you love, regenerate the rest, then check every pair against WCAG.

Harmony mode
Space regenerate unlocked Tap a swatch to lock it Drag the grip, or focus it and use arrow keys

In use

Accessibility

WCAG 2.2 contrast

    Text: AA needs 4.5:1, AAA 7:1. Large text (24px, or 18.7px bold): AA 3:1, AAA 4.5:1. Each pair is shown both ways round; the ratio is symmetric.

    Export

    Take it with you

    Colour space

    Hue / chroma / lightness
    Angle = hue, distance = chromaRings mark chroma 0.1, 0.2 and 0.3. A tight cluster is a calm palette; a wide spread is a loud one.
    Lightness

    History

    Edit swatch