template

Design Tokens and OKLCH Theming

I
IO Team

OKLCH (Oklch lightness, chroma, hue) gives us perceptually uniform color manipulation — something hex and HSL can't guarantee. When you adjust lightness in OKLCH, the perceived brightness actually changes uniformly.

Our token system builds on this: every color is an OKLCH value, every component references tokens, never raw values. Switching themes is just re-pointing semantic variables. Adding a new tenant brand is a single CSS file swap.