Shades

Shades of Color

Useful shade families with copyable values and clear distinctions between curated names and computed variants.

Shades

Shades of Green

Explore green shades from pale mint-like tones through mid greens to deep forest-like values.

Shades

Shades of Blue

Explore useful blue shades from light sky-like values to deep navy-like tones.

Shades

Shades of Pink

Browse pink shades from very pale tints to strong, dark rose-like values.

Shades

Shades of Purple

Explore purple shades from pale lavender-like tones to deep violet values.

Shades

Shades of Red

Explore red shades from pale warm tints to deep dark-red values.

Shades

Shades of Brown

Explore brown shades from light warm neutrals to deep chocolate-like values.

Shades

Shades of Orange

Explore orange shades from light peach-like tones through vivid orange to deep burnt values.

Shades

Shades of Yellow

Explore yellow shades from pale cream-like values to dark golden-yellow tones.

Shades

Shades of White

Compare near-white and neutral lightness steps from soft gray-white to pure white.

Shades

Shades of Black

Compare black and dark neutral lightness steps from charcoal-like gray to deep black.

Shades

Shades of Gold

Explore flat digital gold shades from light yellow-gold to deeper golden values.

Shades

Shades of Teal

Explore teal shades from pale aqua-like values to deep blue-green tones.

Computed ramps and named shades answer different questions

A computed ramp shows how one base hue changes through controlled lightness steps. The named-color tables show familiar standardized CSS colors that people commonly call members of the same family. They are intentionally presented as two different references rather than pretending every generated swatch has an official name.