Shade scale generator

Your colors
Each color becomes a scale from 50 to 950. Your exact color stays in it.

Paste a HEX, RGB, HSL or OKLCH value.

12%
9%
265°

Exported as --color-blue-500

Use in builder
Shades
Every color from 50 (lightest) to 950 (darkest)

blue

Deep muted blue

Marks the step that holds your exact color. Click any step to copy it.