Back to Plugins
Colour Scale Generator
Generate accessible, Tailwind-style colour scales directly in Figma — just enter a HEX code.
Plugin Preview
About this plugin
Design smarter colour systems in seconds. This plugin lets you enter a HEX value and instantly creates a vertical stack of Tailwind-style shades (from 50–950) as Figma rectangles. Ideal for UI designers building design systems, checking contrast, or quickly visualising accessible palettes — powered by Chroma.js logic, all inside Figma.
Created by Salo Creative.
Plugin Details
| Version | 3 |
|---|---|
| Created | April 13, 2025 |
| Last Updated | April 22, 2025 |
| Category | shapes-colors |
| Creator | Carl Cahill |
| Stats | 54 installs, 5 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net
- https://fonts.googleapis.com
- https://fonts.gstatic.com
More Like This
Discover other plugins in the shapes-colors category.