Skip to content
Color Scale Variables

Color Scale Variables

by Jonny Gwillim

Generate tints and shades from a base colour and store them as variables - simply.

FreeFigma

Installs

499

Likes

113

Users

2,527

Views

2,945

Preview

Color Scale Variables preview

About this plugin

This Figma plugin streamlines the process of creating UI color themes and saving them to Figma variables. It generates tints and shades from a base color, following a standardized naming convention from 0 (white) to 1000 (black), with the base color at 500. Users can input their desired base color via hex code or a visual color picker, which then automatically generates a set of 10 color variations.

More import & export plugins plugins

View all