Color Scale Generator

About this plugin

Generate consistent color scales directly into Figma Variables.CSG: Color Scale Generator helps you build structured color systems and design tokens from just a few base colors. Generate scalable palettes, preview results before creation, sync with Figma Variables, and export production-ready color foundations for design systems.This update introduces direct color copy from Palette Preview, cleaner settings organization, optional project-level settings persistence, and improved theme support. You can now manage regeneration behavior more safely, store settings in Figma Variables or Local Storage, and work in Follow Figma, Light, or Dark theme modes.Features• Start from existing tokens or build a new system from scratch• Generate linear or perceptual color scales• Tailwind-inspired scale preset• Adjustable density levels: Coarse, Medium, Fine• Preview scales before generation• Copy generated colors directly from Palette Preview• Sync generated scales with existing Figma Variables• Regenerate variables safely within a selected scope• Generate structured variables directly inside Figma collections• Store plugin settings in Figma Variables or Local Storage• Follow Figma theme automatically or use fixed Light / Dark modes• Automatically generate color guides• Create custom scales from base colors• Organize tokens with scalable naming pathsUse cases• Build scalable color systems• Create and maintain design tokens• Generate palette scales from 50–950 or custom ranges• Sync tokens with existing Figma Variable collections• Prepare tokens for Tailwind-like or Material-style systems• Generate visual color guides for documentation and handoffCompatibilityWorks with Figma Variables, semantic naming patterns, and structured naming paths to support scalable design systems and token-based workflows.