ALUSNA — Better design starts here.
Color Shade Generator
Generate a 50–950 color scale for design systems, Tailwind CSS, and application interfaces.
How to use Color Shade Generator
A 50–950 scale turns one color into a reusable range for surfaces, borders, text, and interaction states.
How to use it
- Enter the base color.
- Review every level and identify the closest brand default.
- Export the scale with a meaningful semantic or family name.
Best used for
- Tailwind themes
- Component states
- Semantic color tokens
Important notes
- Level 500 is not automatically the right primary color.
- Scale numbers do not guarantee WCAG contrast.