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.

84%
8%
33°

Exported as --color-red-500

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

red

Light muted red

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