Zero hex values, zero Tailwind class names. Pure semantic expressions.
sky, violet, rose, amber, emerald, slate, neutral — bind intent to hue angles.
primary.500, neutral.50 — algorithmic 11-step scales using OKLCH lightness stops.
Each hue symbol binds to an OKLCH hue angle and peak chroma value:
From any hue, get 11 shades using step 50–950:
primary.500 → oklch(63.7% 0.19 220) [vivid]
primary.100 → oklch(93.6% 0.027 220) [pale]
neutral.900 → oklch(39.6% 0 0) [dark gray]
Each step has its own lightness and chroma multiplier. Change the primary hue from sky to violet, and the entire palette shifts.
2026 Gutenberg with OKLCH