About Color Shades Generator
Create perfect color scales. Generate 10 lighter and 10 darker variations of any hex color, perfect for building cohesive UI themes and states.
Color Shades Generator
Generate monochrome tints and shades for any base color.
Back to Design & UI
Color Shades Generator
Generate monochrome tints and shades for any base color
Tints (Lighter)
#6366F1
Shades (Darker)
Tip:
Click any color swatch to copy its HEX code. Tints are created by mixing the base color with white, while shades are created by mixing with black.
Something not working right?
Found a bug or have a suggestion to improve the Color Shades Generator? Let us know and we'll fix it!