Shades of Every Color
Pick a color family to explore its full range of shades - from the darkest named colors to the lightest tints - with hex and RGB codes for every one.
Shades of Blue
Navy, royal, sky, and every blue in between with hex codes
Shades of Green
Forest, emerald, mint, and lime greens with hex codes
Shades of Red
Crimson, scarlet, maroon, and salmon reds with hex codes
Shades of Purple
Violet, lavender, plum, and indigo purples with hex codes
Shades of Pink
Hot pink, rose, fuchsia, and blush pinks with hex codes
Shades of Orange
Tangerine, coral, amber, and burnt oranges with hex codes
Shades of Yellow
Gold, mustard, lemon, and cream yellows with hex codes
Shades of Brown
Chocolate, tan, sienna, and coffee browns with hex codes
Shades of Gray
Charcoal, slate, silver, and light grays with hex codes
Shades of Teal
Teal, turquoise, aqua, and cyan blue-greens with hex codes
Shades of Gold
Metallic, antique, and pale golds with hex codes
Shades of Beige
Cream, ivory, linen, and sand neutrals with hex codes
How to Use the Shade Pages
Pick a color family below. Each page shows the named CSS colors in that family ordered from dark to light, plus a generated 12-step scale of the core hue. Every swatch shows its hex code, can be copied with one click, and links to a full detail page with RGB, HSL, CMYK, harmonies, and contrast data.
Frequently Asked Questions about Shades of Every Color
Strictly speaking, a shade is a color mixed with black (darker), a tint is a color mixed with white (lighter), and a tone is a color mixed with gray (muted). In everyday usage, "shades of blue" means all variations of blue, which is how these pages are organized.