Back to Plugins
Color Scales
Fully customizable color scales generating instant Figma assets you can use.
Plugin Preview
About this plugin
Generate professional color scales with live preview. Create Figma assets and export CSS/SCSS variables.
Add brand colors, configure steps and blending, then instantly create variables, styles, swatches, or export code.
Simple 5-step workflow:
- Add brand colors (input hex, name manually or auto-name)
- Choose equal steps or define custom step values
- Configure blend endpoints
- Adjust naming conventions
- Create assets or export code
Why Color Scales?
- 👀 Live preview of all changes
- 🎨 Creates Figma assets directly in your file
- 💻 Exports clean CSS/SCSS variables
- 🌈 Advanced blending beyond basic tint/shade
- 💾 Settings remember automatically in each file
Free. Professional. Instant results.
Plugin Details
| Version | 4 |
|---|---|
| Created | November 7, 2025 |
| Last Updated | December 2, 2025 |
| Category | shapes-colors |
| Creator | Bernardo Margulis |
| Stats | 6 installs, 5 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:index.html
- main:plugin.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the shapes-colors category.