Generate a full range of shades (darker variants, mixed toward black) and tints (lighter variants, mixed toward white) from any base color. Essential for building design system color scales — pick your brand color and get a complete palette ready for use in CSS, Tailwind, or Figma. Tap any swatch to copy its hex.
#3B82F6
Shades → Base → Tints
Tap any swatch to copy its hex code