What is the difference between shades and tints?

Shades mix your base color toward black to make it darker, while tints mix it toward white to make it lighter. Together they give a full range of variations for any design.

How are the harmony colors calculated?

Harmony colors come from HSL hue shifts of your base color: a complementary color 180 degrees away plus analogous colors at plus or minus 30 degrees, giving balanced matching combinations.

🎨

Color Palette Generator

Generate shades, tints and matching colors.

Loading tool…

How to use the Color Palette Generator

1Pick a base color or type a hex value like #6366F1.
2View generated shades, tints, and harmony colors instantly.
3Click Copy on any swatch to grab its hex code.

About the Color Palette Generator

Free color palette generator: pick any hex color to instantly create shades, tints, complementary and analogous harmony swatches. Copy hex codes in one click.

Part of our Color Tools collection. Browse all tools.

Frequently asked questions

What is the difference between shades and tints?: Shades mix your base color toward black to make it darker, while tints mix it toward white to make it lighter. Together they give a full range of variations for any design.
How are the harmony colors calculated?: Harmony colors come from HSL hue shifts of your base color: a complementary color 180 degrees away plus analogous colors at plus or minus 30 degrees, giving balanced matching combinations.