Color Shade & Tint Generator
Generate shades (darker) and tints (lighter) variations of any color. Perfect for creating cohesive color schemes and design systems.
Shades (Darker)
#1F53C4
20%
#19429D
40%
#133276
60%
#0C214E
80%
#061027
100%
Base Color
#2563EB
BASE
Tints (Lighter)
#497DEE
20%
#6E97F2
40%
#92B1F5
60%
#B6CBF8
80%
#DBE5FC
100%
💡 Click on any color to copy its hex code to clipboard
Share This Tool
Found this tool helpful? Share it with others who might benefit from it!
💡 Help others discover useful tools! Sharing helps us keep these tools free and accessible to everyone.