Perceptually Uniform Color Spaces in Automated UI Design Systems

Background

Most design system tools calculate color variations by linearly modifying lightness values in HSL. However, human perception of brightness varies dramatically across hues (e.g., yellow appears much brighter than blue at equal lightness values).

The OKLCH Solution

Tint implements the OKLCH color space natively. By computing perceptual lightness (L) independently from chroma (C) and hue (H), Tint generates perfectly balanced accessible palettes across light and dark modes without manual tuning.