web colour generator 2026 / theory lab
Colour Systems Engine
Pick a colour or hit random. Build usable palettes with harmonies, perceptual tone ladders, and live WCAG contrast scoring.
Locked Colours
Retune around these anchors.
Alternate Tunings
A tuning is a controlled mistake: wrong relationships, disciplined colour behaviour.
Detuned Fifths
Almost-triadic intervals, pushed slightly out of tune.
Base Palette
Original plus nearest web-safe and shorthand color.
Wheel Offsets
Fast hue travel around the base at consistent lightness/chroma.
Perceptual Tone Ladder
OKLCH lightness steps for smoother visual spacing than raw RGB tints.
Chroma Ramp
Muted to vivid variations built from OKLCH chroma scaling.
Harmony Engine
Analogous, triadic, split complementary, tetradic, and monochrome systems.
Spectrum
Complete hue sweep at current saturation and lightness.
Contrast Lab
Pair foreground/background colors with live WCAG pass/fail signals.
The quick brown fox
Pack my box with five dozen liquor jugs. 1234567890
UI example: buttons, captions, and small helper text.Good text colours for current background
Good background colours for current text
History
Stored in your browser. Click any swatch to reload it.