Primitive & Semantic colors Generator

About this plugin

Color System GeneratorCreate, manage, and document comprehensive color systems with ease. Perfect for design systems, brand guidelines, and maintaining color consistency across projects.Key Features:Smart Color Generation: Automatically generate harmonious color scales from a single primary colorDark Mode Support: Create and sync dark mode variants with one clickSemantic Color System: Build semantic color tokens (primary, secondary, neutral, etc.) mapped to your base colorsLive Preview: See your color system in action with an interactive UI mockupDocumentation Export: Generate beautiful, comprehensive color documentation directly in FigmaMultiple Export Formats: Export your color system as CSS variables, SCSS, or JSONPreset Libraries: Quick-start with popular color systems like Material Design, Apple Design, and TailwindPerfect for:Design System TeamsUI/UX DesignersBrand DesignersFrontend DevelopersDesign OpsHow It Works:Choose a primary colorAdjust tint/shade generation settingsEnable dark mode if neededadd semantic color mappingPreview in real-timeGenerate variables and documentationCreate professional color systems in minutes instead of hours. Maintain consistency across your design system while ensuring accessibility and visual harmony.