Color Palette Builder

Create professional color palettes with automatic Figma Styles and Variables. Perfect for brand designers and design system developers.

Palette Generation 6 harmony types: Monochromatic, Complementary, Triadic, Analogous,Split-Complementary, and TetradicGenerate 3-8 colors per paletteInteractive preview with click-to-edit swatchesLock specific colors while regenerating othersCustom naming for each colorBrand System Features Tint & shade scales: 10 lightness variations (50-900) for each colorNeutral palette: Auto-generated whites, grays, and blacks tinted with your palette hue60/30/10 proportion guide: Visual balance reference with customizable color mappingAccessibility WCAG contrast checker showing AA/AAA compliance for text on each colorColor pair matrix displaying contrast ratios for all combinationsDevelopment Ready Dark mode variables with automatic lightness inversionCode export in CSS Variables, SCSS, Tailwind config, or JSON tokensWhat Gets Created Figma color styles and variables for easy reuse in your fileVisual documentation frames on your canvasStart with any color, and the plugin generates a complete, production-ready color system in seconds.