Color Tints Generator
Generate a 10-step tint scale from any base color by mixing toward white.
Loading tool…
About this tool
Tints — a color mixed toward white — are the backbone of subtle backgrounds, disabled states, and pastel accents. This generator builds a 10-step scale from your base color up to pure white.
Like the shades generator, every step is click-to-copy, and the full scale can be copied in one go.
How to use
- Enter or pick your base color.
- Browse the 10-step tint scale.
- Click any tint to copy its hex.
Frequently asked questions
A tint mixes the color toward white (lighter); a shade mixes it toward black (darker). This tool makes tints — see the shades generator for the darker direction.
Each step blends the base RGB channels toward 255 (white) by an increasing fraction, from 0% at step 1 to 100% at step 10, which is pure white.
Tints give you solid, predictable colors that look the same on any background — opacity layers shift depending on what is underneath them.
Related tools
Color Palette Generator
Enter a base color to generate complementary, analogous, triadic, and more palettes.