Design tokens for production
Build production design tokens from one brand color. OKLCH math under the hood, WCAG 2.2 and APCA validation built in, exports to Tailwind, shadcn/ui, CSS variables, and DTCG JSON.
Palette
Core colors
Primary, secondary, accent, and neutral with 11-step OKLCH scales.
Build production design tokens from one brand color. Every shade in the 50 to 950 scale is validated for WCAG 2.2 and APCA contrast, then exported to Tailwind, shadcn/ui, CSS variables, or DTCG JSON.
Primary
Secondary
Accent
Neutral
Generating your system