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.

62%
7%
229°

Exported as --color-sky-blue-500

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

sky-blue

Muted sky blue

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