Tints (mixed with white)
Shades (mixed with black)
Tones (mixed with gray)
50–950 scale
The scale web designers use for buttons, backgrounds and text. Click to copy.
Get lighter tints, darker shades, muted tones and a full 50–950 scale for any color, ready to copy as CSS or Tailwind.
The scale web designers use for buttons, backgrounds and text. Click to copy.