Color Tones

Soft, light colors with a chalky, washed-out quality. Pastels have moderate saturation and high lightness, creating a gentle, soothing aesthetic.

Electric, ultra-vivid colors that appear to glow. Neon colors have maximum saturation and medium lightness, creating high visual impact.

Deep, rich colors with low lightness. Dark colors create dramatic contrast, convey sophistication, and work well as backgrounds.

Bright, airy colors with high lightness. Light colors create open, spacious designs and work well for backgrounds and subtle accents.

Subdued, dusty colors with reduced saturation. Muted colors feel sophisticated and understated, popular in modern minimalist design.

Warm, natural colors inspired by soil, stone, and clay. Earth tones have warm hues with moderate saturation, creating organic and grounded palettes.

Rich, saturated colors inspired by precious gems — sapphire, emerald, ruby, amethyst. Jewel tones are luxurious and dramatic.

Colors with very low saturation — beiges, taupes, and warm grays. Neutrals form the backbone of any design system.

Colors from the red-orange-yellow side of the color wheel. Warm colors advance visually, creating energy, excitement, and intimacy.

Colors from the green-blue-purple side of the color wheel. Cool colors recede visually, creating calm, trust, and professionalism.

Colors that evoke the sheen of metals — silver, gold, bronze, copper. Characterized by low saturation and specific lightness ranges.

Pure blacks, whites, and true grays with essentially zero saturation. The foundation of contrast and readability in design.