Tints & ShadesTints
A tint is created by mixing a color with white. Higher percentages produce lighter, softer colors that work well for backgrounds, subtle states, and highlights.
Color Tints & Shades Generator
Enter a color, choose an interval, and generate a complete scale of lighter tints and darker shades.
QUICK START
How to use
Create a complete color scale in three simple steps.
- 01
Enter a color
Type a six-digit HEX value, enter an RGB value, or use the native color picker.
- 02
Choose an interval
Select 5%, 10%, or 20% to control how many colors appear in your palette.
- 03
Generate and copy
Generate the palette, then select the copy button on any swatch to copy its HEX code.
COLOR BASICS
What are tints and shades?
Tints and shades extend one base color into a flexible palette while preserving its character.
Shades
A shade is created by mixing a color with black. Higher percentages produce deeper colors that are useful for text, borders, emphasis, and active states.