Learn
Colour, explained properly
Foundations
- Foundations7 min
Why OKLCH, and what HSL gets wrong
HSL lightness is a geometric convenience, not a perceptual one. Here is what that costs you when building a colour system, and what OKLCH fixes.
Read - Foundations6 min
Colour harmony is geometry, not taste
Complementary, triadic, analogous — the classical harmonies are angles on a hue wheel. Knowing the mathematics tells you when to break them.
Read
Accessibility
- Accessibility8 min
Contrast that holds up in review
What the WCAG thresholds actually require, where teams commonly slip, and how to fix a failing pair without redesigning the palette.
Read - Accessibility6 min
Building palettes that survive colour-vision deficiency
Roughly one man in twelve sees colour differently. The fix is rarely different colours — it is different lightness, and never relying on colour alone.
Read
Practice
- Practice5 min
Semantic roles beat colour names
A palette of named colours does not survive contact with a product. Roles do — and they make the accessibility checks answerable.
Read - Practice5 min
Shipping colour to code without losing anything
Hex is lossy in ways that matter. What to hand engineering so the palette you designed is the palette that ships.
Read