Color Scale Generator — Design Token Creator

Generate Color Scales

Pick a base color and get a complete 10-step palette with CSS variables and design tokens.

Base Color

Scale Name

Steps

Presets:

primary

UI Preview

Buttons

Badges

Text on Backgrounds

Contrast Ratios