Shades Generator

What this helps you decide

Turn one base color into a usable scale for states, surfaces, borders, and text.

When to use it

Use it after choosing a core brand or interface color. Validate the specific foreground and background pairs you plan to ship.