Random Color Names: A Color Name Generator With 141 Named Colors

One press gives a named color as a swatch, with a plain description, its hex code, its RGB values and the keyword to type.

Random Color Names: A Color Name Generator With 141 Named Colors

  1. KhakiA light sandy yellow. Hex #F0E68C, RGB 240, 230, 140. CSS keyword khaki.
  2. OliveA dark yellowish green, half the strength of yellow. Hex #808000, RGB 128, 128, 0. CSS keyword olive.
  3. SiennaA reddish earth brown. Hex #A0522D, RGB 160, 82, 45. CSS keyword sienna.
  4. BlackPure black, every channel at zero. Hex #000000, RGB 0, 0, 0. CSS keyword black.
  5. Dark Olive GreenA dark, muted olive green. Hex #556B2F, RGB 85, 107, 47. CSS keyword darkolivegreen.
Saved

Seen 5 of 141

Tip: the space bar makes new ones.

Color Name of the day

 

Next step Pick a plant to paint in this greenPick a shape to fill with it

Random Color Names: A Color Name Generator With 141 Named Colors: how it works

Random color names, five at a press: Papaya Whip, Cornflower Blue, Rebecca Purple. The list holds the 141 named colors that web browsers know. Each card shows the color itself as a swatch, describes it in plain words and gives its hex code, RGB values and the keyword to type.

Pick a random color from the rainbow

Tap the Rainbow colors chip and set the count to 1 to draw one of seven: red, orange, yellow, green, blue, indigo and violet. Isaac Newton settled on seven, adding orange and indigo to his first five to match the notes of a musical scale. All seven are web color names, though the web's Green is a dark one and its Violet is a light purple-pink. For a drawing game, each player draws one and colors with nothing else.

Why Dark Gray is lighter than Gray

The names come from two lists. Sixteen, such as Aqua, Navy, Teal and Silver, began in the VGA palette and passed into HTML. Most of the rest came from the X11 color system. The result is not tidy, and the W3C standard says so itself: Dark Gray (169, 169, 169) is lighter than Gray (128, 128, 128). It adds that some names, Indian Red for one, have been found offensive. The names stay because browsers have used them for decades.

Tips

  • Writers: swap a plain color word for the name. A Firebrick door says more than a red one.
  • Painting warm-up: draw 3, mix each by eye from your own paints, then compare with the screen.
  • Typing a name into a style sheet? Case does not matter, so PapayaWhip and papayawhip are the same keyword.

Questions and answers

Where do the 141 color names come from?

From the named color table of the W3C standard: 17 reds and pinks, 21 oranges and yellows, 10 browns and tans, 21 greens, 26 blues and cyans, 19 purples and violets, and 27 whites, grays and black. The table has 148 keywords, but seven are the grey spelling of a gray, such as darkgrey, and share its card.

Are Aqua and Cyan the same color?

Yes. Both are #00FFFF, which is green and blue at full strength with no red. Fuchsia and Magenta are the other twins, at #FF00FF. Each of the four keeps its own card because this is a page of names, so the 141 names cover 139 different colors.

Does this random color name generator invent new colors?

No. Every result is a named color from the W3C standard. A six-digit hex code can describe 16,777,216 colors, and only 139 of them have a name in this list. For a color nobody has named, draw 2 and mix them.

More like this

Random tool Browse Animals and Nature

All 141 color names

Reds and pinks 17

  • Crimson A deep red with a touch of blue. Hex #DC143C, RGB 220, 20, 60. CSS keyword crimson.
  • Dark Red A deep, dark red. Hex #8B0000, RGB 139, 0, 0. CSS keyword darkred.
  • Dark Salmon A muted salmon with more brown in it. Hex #E9967A, RGB 233, 150, 122. CSS keyword darksalmon.
  • Deep Pink A vivid pink close to magenta. Hex #FF1493, RGB 255, 20, 147. CSS keyword deeppink.
  • Firebrick A dark brick red. Hex #B22222, RGB 178, 34, 34. CSS keyword firebrick.
  • Hot Pink A bright, strong pink. Hex #FF69B4, RGB 255, 105, 180. CSS keyword hotpink.
  • Indian Red A dusty red, named after a red pigment from India. The W3C says the name has been found offensive and discourages its use. Hex #CD5C5C, RGB 205, 92, 92. CSS keyword indianred.
  • Light Coral A soft pinkish red. Hex #F08080, RGB 240, 128, 128. CSS keyword lightcoral.
  • Light Pink A soft pink that is a shade darker than Pink. Hex #FFB6C1, RGB 255, 182, 193. CSS keyword lightpink.
  • Light Salmon A light orange-pink. Hex #FFA07A, RGB 255, 160, 122. CSS keyword lightsalmon.
  • Maroon A dark brownish red, half the strength of red. Hex #800000, RGB 128, 0, 0. CSS keyword maroon.
  • Medium Violet Red A deep pink leaning to purple. Hex #C71585, RGB 199, 21, 133. CSS keyword mediumvioletred.
  • Pale Violet Red A dusty rose pink. Hex #DB7093, RGB 219, 112, 147. CSS keyword palevioletred.
  • Pink A light, soft pink. Hex #FFC0CB, RGB 255, 192, 203. CSS keyword pink.
  • Red Pure red at full strength. Hex #FF0000, RGB 255, 0, 0. CSS keyword red.
  • Salmon A pinkish orange, like cooked salmon. Hex #FA8072, RGB 250, 128, 114. CSS keyword salmon.
  • Tomato A bright orange-red, like a ripe tomato. Hex #FF6347, RGB 255, 99, 71. CSS keyword tomato.

Oranges and yellows 21

  • Bisque A light peachy cream. Hex #FFE4C4, RGB 255, 228, 196. CSS keyword bisque.
  • Blanched Almond A pale cream with a touch of orange. Hex #FFEBCD, RGB 255, 235, 205. CSS keyword blanchedalmond.
  • Coral A warm pinkish orange. Hex #FF7F50, RGB 255, 127, 80. CSS keyword coral.
  • Cornsilk A pale cream, like the silk on an ear of corn. Hex #FFF8DC, RGB 255, 248, 220. CSS keyword cornsilk.
  • Dark Goldenrod A dark brownish gold. Hex #B8860B, RGB 184, 134, 11. CSS keyword darkgoldenrod.
  • Dark Khaki A dull olive yellow. Hex #BDB76B, RGB 189, 183, 107. CSS keyword darkkhaki.
  • Dark Orange A deep, rich orange. Hex #FF8C00, RGB 255, 140, 0. CSS keyword darkorange.
  • Gold A rich golden yellow. Hex #FFD700, RGB 255, 215, 0. CSS keyword gold.
  • Goldenrod A deep mustard gold. Hex #DAA520, RGB 218, 165, 32. CSS keyword goldenrod.
  • Khaki A light sandy yellow. Hex #F0E68C, RGB 240, 230, 140. CSS keyword khaki.
  • Lemon Chiffon A pale, creamy lemon yellow. Hex #FFFACD, RGB 255, 250, 205. CSS keyword lemonchiffon.
  • Light Goldenrod Yellow A pale yellow with a hint of green. Hex #FAFAD2, RGB 250, 250, 210. CSS keyword lightgoldenrodyellow.
  • Light Yellow A very pale yellow, close to white. Hex #FFFFE0, RGB 255, 255, 224. CSS keyword lightyellow.
  • Moccasin A light peachy tan. Hex #FFE4B5, RGB 255, 228, 181. CSS keyword moccasin.
  • Navajo White A light sandy peach. Hex #FFDEAD, RGB 255, 222, 173. CSS keyword navajowhite.
  • Orange A bright, plain orange. Hex #FFA500, RGB 255, 165, 0. CSS keyword orange.
  • Orange Red A fiery orange close to red. Hex #FF4500, RGB 255, 69, 0. CSS keyword orangered.
  • Pale Goldenrod A pale, dusty yellow. Hex #EEE8AA, RGB 238, 232, 170. CSS keyword palegoldenrod.
  • Papaya Whip A pale peachy cream. Hex #FFEFD5, RGB 255, 239, 213. CSS keyword papayawhip.
  • Peach Puff A light peach. Hex #FFDAB9, RGB 255, 218, 185. CSS keyword peachpuff.
  • Yellow Pure yellow at full strength. Hex #FFFF00, RGB 255, 255, 0. CSS keyword yellow.

Browns and tans 10

  • Brown A dark red-brown, redder than most browns. Hex #A52A2A, RGB 165, 42, 42. CSS keyword brown.
  • Burlywood A light sandy brown. Hex #DEB887, RGB 222, 184, 135. CSS keyword burlywood.
  • Chocolate A warm orange-brown, brighter than it sounds. Hex #D2691E, RGB 210, 105, 30. CSS keyword chocolate.
  • Peru A medium orange-brown. Hex #CD853F, RGB 205, 133, 63. CSS keyword peru.
  • Rosy Brown A dusty pinkish brown. Hex #BC8F8F, RGB 188, 143, 143. CSS keyword rosybrown.
  • Saddle Brown A deep leather brown. Hex #8B4513, RGB 139, 69, 19. CSS keyword saddlebrown.
  • Sandy Brown A light orange-brown, like wet sand. Hex #F4A460, RGB 244, 164, 96. CSS keyword sandybrown.
  • Sienna A reddish earth brown. Hex #A0522D, RGB 160, 82, 45. CSS keyword sienna.
  • Tan A light brown, like tanned leather. Hex #D2B48C, RGB 210, 180, 140. CSS keyword tan.
  • Wheat A pale, warm tan, like ripe wheat. Hex #F5DEB3, RGB 245, 222, 179. CSS keyword wheat.

Greens 21

  • Aquamarine A light blue-green, like shallow sea water. Hex #7FFFD4, RGB 127, 255, 212. CSS keyword aquamarine.
  • Chartreuse A vivid green halfway to yellow. Hex #7FFF00, RGB 127, 255, 0. CSS keyword chartreuse.
  • Dark Green A very dark green. Hex #006400, RGB 0, 100, 0. CSS keyword darkgreen.
  • Dark Olive Green A dark, muted olive green. Hex #556B2F, RGB 85, 107, 47. CSS keyword darkolivegreen.
  • Dark Sea Green A muted grayish green. Hex #8FBC8F, RGB 143, 188, 143. CSS keyword darkseagreen.
  • Forest Green A deep leafy green. Hex #228B22, RGB 34, 139, 34. CSS keyword forestgreen.
  • Green A dark, plain green, half the strength of Lime. Hex #008000, RGB 0, 128, 0. CSS keyword green.
  • Green Yellow A bright yellowish green. Hex #ADFF2F, RGB 173, 255, 47. CSS keyword greenyellow.
  • Lawn Green A vivid grass green, close to Chartreuse. Hex #7CFC00, RGB 124, 252, 0. CSS keyword lawngreen.
  • Light Green A light, soft green. Hex #90EE90, RGB 144, 238, 144. CSS keyword lightgreen.
  • Lime Pure green at full strength. Hex #00FF00, RGB 0, 255, 0. CSS keyword lime.
  • Lime Green A bright, fresh green. Hex #32CD32, RGB 50, 205, 50. CSS keyword limegreen.
  • Medium Aquamarine A soft, medium blue-green. Hex #66CDAA, RGB 102, 205, 170. CSS keyword mediumaquamarine.
  • Medium Sea Green A medium green with a touch of blue. Hex #3CB371, RGB 60, 179, 113. CSS keyword mediumseagreen.
  • Medium Spring Green A bright green with a touch of blue. Hex #00FA9A, RGB 0, 250, 154. CSS keyword mediumspringgreen.
  • Olive A dark yellowish green, half the strength of yellow. Hex #808000, RGB 128, 128, 0. CSS keyword olive.
  • Olive Drab A dull, mossy green. Hex #6B8E23, RGB 107, 142, 35. CSS keyword olivedrab.
  • Pale Green A pale, minty green. Hex #98FB98, RGB 152, 251, 152. CSS keyword palegreen.
  • Sea Green A deep bluish green. Hex #2E8B57, RGB 46, 139, 87. CSS keyword seagreen.
  • Spring Green A vivid green leaning to cyan. Hex #00FF7F, RGB 0, 255, 127. CSS keyword springgreen.
  • Yellow Green A medium yellowish green. Hex #9ACD32, RGB 154, 205, 50. CSS keyword yellowgreen.

Blues and cyans 26

  • Aqua Pure cyan at full strength, the same color as Cyan. Hex #00FFFF, RGB 0, 255, 255. CSS keyword aqua.
  • Blue Pure blue at full strength. Hex #0000FF, RGB 0, 0, 255. CSS keyword blue.
  • Cadet Blue A muted grayish blue-green. Hex #5F9EA0, RGB 95, 158, 160. CSS keyword cadetblue.
  • Cornflower Blue A soft medium blue, like the cornflower. Hex #6495ED, RGB 100, 149, 237. CSS keyword cornflowerblue.
  • Cyan Pure cyan at full strength, the same color as Aqua. Hex #00FFFF, RGB 0, 255, 255. CSS keyword cyan.
  • Dark Blue A dark blue. Hex #00008B, RGB 0, 0, 139. CSS keyword darkblue.
  • Dark Cyan A dark cyan. Hex #008B8B, RGB 0, 139, 139. CSS keyword darkcyan.
  • Dark Turquoise A strong turquoise, close to cyan. Hex #00CED1, RGB 0, 206, 209. CSS keyword darkturquoise.
  • Deep Sky Blue A vivid, bright sky blue. Hex #00BFFF, RGB 0, 191, 255. CSS keyword deepskyblue.
  • Dodger Blue A strong, bright blue. Hex #1E90FF, RGB 30, 144, 255. CSS keyword dodgerblue.
  • Light Blue A pale, soft blue. Hex #ADD8E6, RGB 173, 216, 230. CSS keyword lightblue.
  • Light Cyan A very pale cyan, close to white. Hex #E0FFFF, RGB 224, 255, 255. CSS keyword lightcyan.
  • Light Sea Green A medium blue-green, more teal than green. Hex #20B2AA, RGB 32, 178, 170. CSS keyword lightseagreen.
  • Light Sky Blue Sky blue with a little more blue in it. Hex #87CEFA, RGB 135, 206, 250. CSS keyword lightskyblue.
  • Light Steel Blue A pale grayish blue. Hex #B0C4DE, RGB 176, 196, 222. CSS keyword lightsteelblue.
  • Medium Blue Pure blue turned down a little. Hex #0000CD, RGB 0, 0, 205. CSS keyword mediumblue.
  • Medium Turquoise A medium turquoise, a little bluer. Hex #48D1CC, RGB 72, 209, 204. CSS keyword mediumturquoise.
  • Midnight Blue A very dark blue with a hint of purple. Hex #191970, RGB 25, 25, 112. CSS keyword midnightblue.
  • Navy A very dark blue, half the strength of blue. Hex #000080, RGB 0, 0, 128. CSS keyword navy.
  • Pale Turquoise A pale, soft turquoise. Hex #AFEEEE, RGB 175, 238, 238. CSS keyword paleturquoise.
  • Powder Blue A pale, soft blue with a touch of green. Hex #B0E0E6, RGB 176, 224, 230. CSS keyword powderblue.
  • Royal Blue A strong, rich blue. Hex #4169E1, RGB 65, 105, 225. CSS keyword royalblue.
  • Sky Blue A light blue, like a clear midday sky. Hex #87CEEB, RGB 135, 206, 235. CSS keyword skyblue.
  • Steel Blue A medium grayish blue. Hex #4682B4, RGB 70, 130, 180. CSS keyword steelblue.
  • Teal A dark blue-green, half the strength of cyan. Hex #008080, RGB 0, 128, 128. CSS keyword teal.
  • Turquoise A bright blue-green, like the gemstone. Hex #40E0D0, RGB 64, 224, 208. CSS keyword turquoise.

Purples and violets 19

  • Blue Violet A vivid purple leaning to blue. Hex #8A2BE2, RGB 138, 43, 226. CSS keyword blueviolet.
  • Dark Magenta A dark magenta. Hex #8B008B, RGB 139, 0, 139. CSS keyword darkmagenta.
  • Dark Orchid A deep, rich purple. Hex #9932CC, RGB 153, 50, 204. CSS keyword darkorchid.
  • Dark Slate Blue A dark, muted bluish purple. Hex #483D8B, RGB 72, 61, 139. CSS keyword darkslateblue.
  • Dark Violet A strong, deep violet. Hex #9400D3, RGB 148, 0, 211. CSS keyword darkviolet.
  • Fuchsia Pure magenta at full strength, the same color as Magenta. Hex #FF00FF, RGB 255, 0, 255. CSS keyword fuchsia.
  • Indigo A very dark bluish purple. Hex #4B0082, RGB 75, 0, 130. CSS keyword indigo.
  • Lavender A very pale bluish purple. Hex #E6E6FA, RGB 230, 230, 250. CSS keyword lavender.
  • Magenta Pure magenta at full strength, the same color as Fuchsia. Hex #FF00FF, RGB 255, 0, 255. CSS keyword magenta.
  • Medium Orchid A medium purple with some pink. Hex #BA55D3, RGB 186, 85, 211. CSS keyword mediumorchid.
  • Medium Purple A soft medium purple. Hex #9370DB, RGB 147, 112, 219. CSS keyword mediumpurple.
  • Medium Slate Blue A light, bright bluish purple. Hex #7B68EE, RGB 123, 104, 238. CSS keyword mediumslateblue.
  • Orchid A medium pinkish purple. Hex #DA70D6, RGB 218, 112, 214. CSS keyword orchid.
  • Plum A light pinkish purple. Hex #DDA0DD, RGB 221, 160, 221. CSS keyword plum.
  • Purple A dark purple, half the strength of magenta. Hex #800080, RGB 128, 0, 128. CSS keyword purple.
  • Rebecca Purple A deep purple with a blue cast. Hex #663399, RGB 102, 51, 153. CSS keyword rebeccapurple.
  • Slate Blue A muted bluish purple. Hex #6A5ACD, RGB 106, 90, 205. CSS keyword slateblue.
  • Thistle A pale grayish purple. Hex #D8BFD8, RGB 216, 191, 216. CSS keyword thistle.
  • Violet A bright, light purple-pink. Hex #EE82EE, RGB 238, 130, 238. CSS keyword violet.

Whites, grays and black 27

  • Alice Blue White with a faint touch of blue. Hex #F0F8FF, RGB 240, 248, 255. CSS keyword aliceblue.
  • Antique White A warm off-white with some tan. Hex #FAEBD7, RGB 250, 235, 215. CSS keyword antiquewhite.
  • Azure White with a faint touch of cyan. Hex #F0FFFF, RGB 240, 255, 255. CSS keyword azure.
  • Beige A pale, sandy cream. Hex #F5F5DC, RGB 245, 245, 220. CSS keyword beige.
  • Black Pure black, every channel at zero. Hex #000000, RGB 0, 0, 0. CSS keyword black.
  • Dark Gray A medium gray that is lighter than Gray. Hex #A9A9A9, RGB 169, 169, 169. CSS keywords darkgray and darkgrey.
  • Dark Slate Gray A very dark blue-green gray. Hex #2F4F4F, RGB 47, 79, 79. CSS keywords darkslategray and darkslategrey.
  • Dim Gray A dark neutral gray. Hex #696969, RGB 105, 105, 105. CSS keywords dimgray and dimgrey.
  • Floral White A warm white with a faint touch of yellow. Hex #FFFAF0, RGB 255, 250, 240. CSS keyword floralwhite.
  • Gainsboro A very light neutral gray. Hex #DCDCDC, RGB 220, 220, 220. CSS keyword gainsboro.
  • Ghost White White with the faintest touch of blue. Hex #F8F8FF, RGB 248, 248, 255. CSS keyword ghostwhite.
  • Gray A neutral gray, halfway from black to white. Hex #808080, RGB 128, 128, 128. CSS keywords gray and grey.
  • Honeydew White with a faint touch of green. Hex #F0FFF0, RGB 240, 255, 240. CSS keyword honeydew.
  • Ivory White with a faint touch of yellow. Hex #FFFFF0, RGB 255, 255, 240. CSS keyword ivory.
  • Lavender Blush White with a blush of pink. Hex #FFF0F5, RGB 255, 240, 245. CSS keyword lavenderblush.
  • Light Gray A light neutral gray. Hex #D3D3D3, RGB 211, 211, 211. CSS keywords lightgray and lightgrey.
  • Light Slate Gray A medium blue-gray. Hex #778899, RGB 119, 136, 153. CSS keywords lightslategray and lightslategrey.
  • Linen A warm off-white, like linen cloth. Hex #FAF0E6, RGB 250, 240, 230. CSS keyword linen.
  • Mint Cream White with a faint touch of mint green. Hex #F5FFFA, RGB 245, 255, 250. CSS keyword mintcream.
  • Misty Rose A very pale pink. Hex #FFE4E1, RGB 255, 228, 225. CSS keyword mistyrose.
  • Old Lace A warm off-white, like old lace. Hex #FDF5E6, RGB 253, 245, 230. CSS keyword oldlace.
  • Seashell White with a faint touch of peach. Hex #FFF5EE, RGB 255, 245, 238. CSS keyword seashell.
  • Silver A light neutral gray, a step darker than Light Gray. Hex #C0C0C0, RGB 192, 192, 192. CSS keyword silver.
  • Slate Gray A blue-gray, a step darker. Hex #708090, RGB 112, 128, 144. CSS keywords slategray and slategrey.
  • Snow White with the faintest touch of pink. Hex #FFFAFA, RGB 255, 250, 250. CSS keyword snow.
  • White Pure white, every channel at full strength. Hex #FFFFFF, RGB 255, 255, 255. CSS keyword white.
  • White Smoke A very light neutral gray, close to white. Hex #F5F5F5, RGB 245, 245, 245. CSS keyword whitesmoke.

How this list was compiled: Every name, hex value and RGB value was read from the named color table in the W3C CSS Color Module Level 4, https://www.w3.org/TR/css-color-4/#named-colors (Candidate Recommendation Draft dated 13 September 2026), checked 2026-09-18. We counted the table ourselves: 148 keywords. Seven of them are the grey spelling of a gray with the same hex (darkgrey, darkslategrey, dimgrey, grey, lightgrey, lightslategrey, slategrey), so each pair is one card and the list has 141 cards. Aqua and Cyan share #00FFFF and Fuchsia and Magenta share #FF00FF, but they are different names, so each keeps its own card; the 141 cards show 139 different colors. The same section of the spec gives the 16 names that came from the VGA palette by way of HTML, says that darkgray is lighter than gray and lightpink is darker than pink, and says that some names, such as indianred, which was originally named after a red pigment from India, have been found to be offensive, that their use is not encouraged, and that the names are standardized because their use has been widespread for decades, not because they are good (re-read 2026-09-19; the Indian Red card now carries both halves of that sentence. The spec names no other keyword, so no other card carries such a note). The spec writes each keyword as one lowercase word; we added the spaces and capitals. The seven rainbow colors are the ones Isaac Newton named (red, orange, yellow, green, blue, indigo, violet), https://en.wikipedia.org/wiki/ROYGBIV, checked 2026-09-19; all seven are CSS keywords. The plain-English description on each card and the sorting into color families are ours, written from the RGB numbers. Licence: own work