Home Colors Color Index & Published Palettes Browse verified color reference collections organized by hue family. SwatchAtlas prioritizes depth and factual citation over superficial mass generation, ensuring every cataloged color is backed by W3C specifications and accessibility data.
Pink Family From near-white pastels to deep berry pinks: the pink-range named colors of W3C CSS Color 4.
#FFB6C1(lightpink)
W3C CSS standard lightpink; luminous and soft.
Luminance: 0.5857 rgb(255, 182, 193)
#FFC0CB(pink)
The classic pale pink; a touch lighter than Light Pink.
Luminance: 0.6327 rgb(255, 192, 203)
#FF69B4(hotpink)
Bright, saturated pink leaning toward magenta.
Luminance: 0.3466 rgb(255, 105, 180)
#FF1493(deeppink)
Vivid, intense magenta-leaning pink.
Luminance: 0.2387 rgb(255, 20, 147)
#DB7093(palevioletred)
Muted, dusty rose pink.
Luminance: 0.2875 rgb(219, 112, 147)
#C71585(mediumvioletred)
Deep berry pink with a violet cast.
Luminance: 0.1437 rgb(199, 21, 133)
#FFE4E1(mistyrose)
Very pale pink with a peach warmth.
Luminance: 0.8218 rgb(255, 228, 225)
#FFF0F5(lavenderblush)
Near-white with a faint cool pink cast.
Luminance: 0.9017 rgb(255, 240, 245)
Red Family Crimson, firebrick, coral, salmon and tomato: the red-range named colors of W3C CSS Color 4.
#FF0000(red)
Pure screen red: full red channel and nothing else.
Luminance: 0.2126 rgb(255, 0, 0)
#DC143C(crimson)
Strong, vivid deep ruby red.
Luminance: 0.1604 rgb(220, 20, 60)
#B22222(firebrick)
Deep earthy brick red with high stability.
Luminance: 0.1072 rgb(178, 34, 34)
#8B0000(darkred)
Deep blood-red with no green or blue.
Luminance: 0.0549 rgb(139, 0, 0)
#CD5C5C(indianred)
Muted chestnut red with gentle pink-coral tint.
Luminance: 0.2141 rgb(205, 92, 92)
#FA8072(salmon)
Soft, warm pink-orange red, like salmon flesh.
Luminance: 0.3698 rgb(250, 128, 114)
#FF6347(tomato)
Bright, cheerful warm red-orange.
Luminance: 0.3064 rgb(255, 99, 71)
#FF7F50(coral)
Warm, vibrant orange-leaning pinkish red.
Luminance: 0.3702 rgb(255, 127, 80)
Blue Family Sky blue, steel blue, royal blue and navy: the blue-range named colors of W3C CSS Color 4.
#0000FF(blue)
Pure screen blue: full blue channel and nothing else.
Luminance: 0.0722 rgb(0, 0, 255)
#000080(navy)
Half-strength blue: a very dark, classic navy.
Luminance: 0.0156 rgb(0, 0, 128)
#191970(midnightblue)
Deep, dramatic dark navy tone.
Luminance: 0.0207 rgb(25, 25, 112)
#4169E1(royalblue)
Vivid, saturated classic electric blue.
Luminance: 0.1666 rgb(65, 105, 225)
#4682B4(steelblue)
Balanced mid-tone cool corporate blue.
Luminance: 0.2056 rgb(70, 130, 180)
#87CEEB(skyblue)
Serene, airy light azure blue.
Luminance: 0.5529 rgb(135, 206, 235)
#ADD8E6(lightblue)
Pale, slightly grayish blue.
Luminance: 0.6371 rgb(173, 216, 230)
#B0E0E6(powderblue)
Soft, high-luminance pastel blue.
Luminance: 0.6825 rgb(176, 224, 230)
Green Family Green, lime, sea green, sage-toned and spring shades: the green-range named colors of W3C CSS Color 4.
#008000(green)
CSS green: a medium-dark green at half strength.
Luminance: 0.1544 rgb(0, 128, 0)
#00FF00(lime)
Pure screen green: full green channel and nothing else.
Luminance: 0.7152 rgb(0, 255, 0)
#006400(darkgreen)
Deep, pure forest-toned green.
Luminance: 0.0911 rgb(0, 100, 0)
#2E8B57(seagreen)
Balanced aquatic oceanic green.
Luminance: 0.1973 rgb(46, 139, 87)
#3CB371(mediumseagreen)
Fresh, vibrant botanical green.
Luminance: 0.3439 rgb(60, 179, 113)
#90EE90(lightgreen)
Luminous, gentle pastel leaf green.
Luminance: 0.6909 rgb(144, 238, 144)
#8FBC8F(darkseagreen)
Subdued eucalyptus sage green.
Luminance: 0.4379 rgb(143, 188, 143)
#00FF7F(springgreen)
High-chroma electric spring foliage green.
Luminance: 0.7305 rgb(0, 255, 127)
Purple Family Purple, indigo, violet, orchid, plum and lavender: the purple-range named colors of W3C CSS Color 4.
#800080(purple)
CSS purple: half-strength red and blue, no green.
Luminance: 0.0615 rgb(128, 0, 128)
#4B0082(indigo)
Very dark blue-leaning violet.
Luminance: 0.0311 rgb(75, 0, 130)
#663399(rebeccapurple)
Strong, medium-dark purple added to CSS in 2014.
Luminance: 0.0749 rgb(102, 51, 153)
#9370DB(mediumpurple)
Soft, mid-tone purple with a blue lean.
Luminance: 0.2291 rgb(147, 112, 219)
#EE82EE(violet)
Light, bright pinkish purple.
Luminance: 0.4032 rgb(238, 130, 238)
#DA70D6(orchid)
Light purple-pink, like the orchid flower.
Luminance: 0.3135 rgb(218, 112, 214)
#DDA0DD(plum)
Pale, muted purple.
Luminance: 0.4573 rgb(221, 160, 221)
#E6E6FA(lavender)
Very pale blue-violet, close to white.
Luminance: 0.8032 rgb(230, 230, 250)
Orange Family Orange, dark orange, orange red, salmon and peach tones: the orange-range named colors of W3C CSS Color 4.
#FFA500(orange)
CSS orange: bright, warm and slightly yellow-leaning.
Luminance: 0.4817 rgb(255, 165, 0)
#FF8C00(darkorange)
Deeper, redder orange.
Luminance: 0.4002 rgb(255, 140, 0)
#FF4500(orangered)
Intense red-leaning orange.
Luminance: 0.2552 rgb(255, 69, 0)
#FFA07A(lightsalmon)
Light, warm orange-pink.
Luminance: 0.4781 rgb(255, 160, 122)
#FFDAB9(peachpuff)
Pale peach with a warm orange tint.
Luminance: 0.7491 rgb(255, 218, 185)
#FFEFD5(papayawhip)
Very pale warm cream.
Luminance: 0.8780 rgb(255, 239, 213)
#E9967A(darksalmon)
Soft, muted orange-pink.
Luminance: 0.4054 rgb(233, 150, 122)
Yellow Family Yellow, gold, khaki and goldenrod tones: the yellow-range named colors of W3C CSS Color 4.
#FFFF00(yellow)
Pure screen yellow: full red and green, no blue.
Luminance: 0.9278 rgb(255, 255, 0)
#FFD700(gold)
Bright golden yellow.
Luminance: 0.6986 rgb(255, 215, 0)
#FFFFE0(lightyellow)
Very pale, soft yellow.
Luminance: 0.9816 rgb(255, 255, 224)
#FFFACD(lemonchiffon)
Pale lemon cream.
Luminance: 0.9404 rgb(255, 250, 205)
#F0E68C(khaki)
Soft, pale yellow.
Luminance: 0.7701 rgb(240, 230, 140)
#BDB76B(darkkhaki)
Muted olive-yellow.
Luminance: 0.4575 rgb(189, 183, 107)
#EEE8AA(palegoldenrod)
Pale, soft golden yellow.
Luminance: 0.7879 rgb(238, 232, 170)
#DAA520(goldenrod)
Rich orange-gold.
Luminance: 0.4192 rgb(218, 165, 32)
Brown Family Brown, saddle brown, sienna, chocolate, tan and burlywood: the brown-range named colors of W3C CSS Color 4.
#A52A2A(brown)
CSS brown: a dark, red-leaning brown.
Luminance: 0.0982 rgb(165, 42, 42)
#8B4513(saddlebrown)
Classic earthy, saddle-leather brown.
Luminance: 0.0979 rgb(139, 69, 19)
#A0522D(sienna)
Reddish earth-brown.
Luminance: 0.1370 rgb(160, 82, 45)
#D2691E(chocolate)
Warm, orange-leaning brown.
Luminance: 0.2390 rgb(210, 105, 30)
#CD853F(peru)
Warm, light brown with an orange cast.
Luminance: 0.3011 rgb(205, 133, 63)
#F4A460(sandybrown)
Light, warm orange-brown, like dry sand.
Luminance: 0.4663 rgb(244, 164, 96)
#D2B48C(tan)
Light, muted brown-beige.
Luminance: 0.4824 rgb(210, 180, 140)
#DEB887(burlywood)
Light wood brown.
Luminance: 0.5156 rgb(222, 184, 135)
Gray Family Gray, dim gray, silver, gainsboro and slate tones: the gray-range named colors of W3C CSS Color 4 (also spelled grey).
#696969(dimgray)
Dark neutral gray, darker than gray.
Luminance: 0.1413 rgb(105, 105, 105)
#808080(gray)
CSS gray: neutral, exactly half strength.
Luminance: 0.2159 rgb(128, 128, 128)
#A9A9A9(darkgray)
Actually lighter than CSS gray.
Luminance: 0.3968 rgb(169, 169, 169)
#C0C0C0(silver)
Light neutral gray.
Luminance: 0.5271 rgb(192, 192, 192)
#D3D3D3(lightgray)
Very light neutral gray.
Luminance: 0.6514 rgb(211, 211, 211)
#DCDCDC(gainsboro)
Very pale neutral gray, just lighter than light gray.
Luminance: 0.7157 rgb(220, 220, 220)
#708090(slategray)
Cool blue-tinted gray.
Luminance: 0.2090 rgb(112, 128, 144)
#2F4F4F(darkslategray)
Near-black gray with a teal tint.
Luminance: 0.0676 rgb(47, 79, 79)
Sources: W3C CSS Color Module Level 4 WCAG 2.2