Changelog

Import color palettes directly from Figma Variables JSON exports. Supports nested color groups and automatically excludes semantic tokens.

Support for W3C Design Token Community Group format, commonly used by Tokens Studio and other design token tools.

Import up to 5 files at once, with each file creating its own collection and style. Perfect for importing light and dark mode variants.

No need to manually select the import format. The system automatically detects whether your file is Figma Variables or W3C DTCG format.

Nested palette groups are correctly identified with slash naming (e.g., `colors/blue`, `core/colors/gray`). Single color tokens are automatically excluded.

Generate perceptually uniform color scales using OKLCH. Supports sRGB and Display P3 gamuts.

Fine-tune lightness distribution with Bezier and Tangent curves.

WCAG and APCA contrast checking. 9 color blindness simulations.

Export to CSS, Tailwind v4, SCSS, JSON, TypeScript, Style Dictionary, and more.

Clone palettes from Tailwind CSS, Material UI, Radix, Chakra, and other popular systems.

Generate multiple palettes at once with hue range selection.

Create custom lightness curves with the visual pattern editor.

Create team workspaces and invite members to collaborate on color systems.

Organize systems into collections. Save and reuse presets.

Discover and share color systems with the community.