A shade is created by mixing a color with black, reducing its lightness while preserving hue. A tint is created by mixing with white.
Design systems typically use 10-step shade/tint scales (e.g., Tailwind's 50-950) to ensure consistent visual hierarchy.