Palette to Variable

Palette to Variable streamlines your design system color management by automatically generating professional color variations from a single base color.

Key Features:• Generate up to 20 perfectly balanced color shades• Preview all variations before generating• Create color variables automatically in your chosen collection• Get instant documentation with color values and usage• Supports both light and dark themesPerfect for:• Design System Engineers• UI/UX Designers• Design Teams• Brand DevelopersSave hours of manual color creation while maintaining consistency across your design system. Simply choose your base color, preview the generated shades, and let the plugin handle the rest - from variable creation to documentation.

Built with Figma's native variable system for seamless integration into your workflow. No external dependencies, no complex setup - just efficient color system generation when you need it.V2 Updates : OKLCH ramps, better UX• Perceptually balanced shades via OKLCH instead of HSL• WCAG + APCA contrast on every shade• Live preview, validated inputs, settings persistence• Updates existing variables in place — no more duplicates• Multi-mode collections fully populated• CSS / JSON / Tailwind copy-export• Modernized UI with dynamic accent, horizontal ramp, light/dark preview