Skip to content
Colour Scale Generator

Colour Scale Generator

by Carl Cahill

Generate accessible, Tailwind-style colour scales directly in Figma — just enter a HEX code.

FreeFigma

Installs

128

Likes

7

Users

2,749

Views

500

Preview

Colour Scale Generator 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.

More shapes colors plugins

View all