Generate full 50–900 shade scales from any color using perceptually uniform OKLCH math. Export as CSS variables or Figma-ready JSON.

Build gradients that actually look good. Interpolate through OKLCH to avoid the grey, muddy band that ruins most CSS gradients.

Pick colors natively in the OKLCH space. Drag the gamut canvas, spin the hue wheel, and export in any format — hex, oklch, rgb, hsl.

Transform text between 13 different cases and formats — sentence, title, camel, snake, kebab, slug, and more. Plus copy clean-up utilities.

Set typography standards for desktop and mobile. Choose a modular scale ratio, load Google Fonts, and export CSS variables or utility classes.

Design primary and secondary buttons in three sizes. Dial in border radius, padding, font size, and weight — then export production-ready CSS.

Build a semantic shadow scale tinted from your palette. Preview on light and dark surfaces and export as CSS tokens or Figma JSON.