Color Reference

Color Shades

From deep darks to soft tints — browse every variation of your favorite hue and build the perfect color scale for your design.

Understanding Color Variations

☀️

Tints

A tint is created by mixing a color with white, making it lighter and less saturated. Use tints for backgrounds and subtle accents.

🌑

Shades

A shade is created by mixing a color with black, making it darker and richer. Shades are ideal for depth and shadow effects.

⚖️

Tones

A tone is created by mixing a color with gray, reducing saturation while maintaining its lightness. Tones feel more muted and natural.