Build your system's roles — primary, secondary, tertiary, neutral and semantics — as full tonal scales. Every ramp shares one perceptual lightness curve, so a 500 in any hue reads at the same brightness — the thing HSL could never promise. The number on each chip is its OKLCH lightness; a white dot means chroma was trimmed to stay in P3. Click any swatch to open it in the Studio.?