@seventhseven OKLCH is brilliant for generating scales because you avoid the muddy mid-tones you get when interpolating with HSL. Pushing straight to Figma variables makes the token pipeline much smoother.
@seventhseven Getting the neutral tint right is usually the hardest part of building a palette. Exporting straight to Figma variables and CSS custom properties saves a massive amount of manual entry.
@seventhseven Using OKLCH for token generation makes maintaining accessible contrast ratios much easier. Getting that mapped directly into Figma variables saves a massive amount of manual work.
What you get:
Primary: 50–900 from your base color
Accent: Complementary hue, same curve
Neutral: Near-achromatic with subtle tint
Black: One deep step
Output → Figma Variables, CSS :root block, or swatch frame on canvas.
Free plan + $10 one-time paid tier.
Just shipped Token Bootstrapper/color 🎨
A Figma plugin that generates OKLCH-based color scales from a single HEX.
→ Primary, Accent, Neutral, Black
→ Figma Variables or CSS output
→ Free to try
https://t.co/qep2OWbdIr
Why OKLCH?
HSL isn't perceptually uniform — "50% lightness" looks different per hue. Blues appear darker than yellows at the same value.
OKLCH corrects this. Scales feel visually balanced, not just mathematically correct.
Powered by culori under the hood.