Shades & Tints Generator
Generate lighter tints and darker shades of any color — perfect for hover states and design systems.
Was this tool helpful?
Thanks for the feedback!
Tints are made by mixing a color with white, shades by mixing with black. A consistent set of tints and shades gives you hover states, borders, backgrounds and disabled states that all belong to the same color family — the backbone of any design system.