Hex Colors

A reference list of named hex colors, grouped by color family.

The simple way: preview a color

In the color reference grid below, click the text of a color row (its hex value or name) — but not its checkbox. The page background changes to that color so you can preview it. Click anywhere on the empty background to reset it back to white.

The advanced way: build a palette

You can also have this page help you assemble a palette of colors. Add colors in either of two ways:

  • (A) Type them in — enter the hex values or color names you already use in the “Selected colors” box below.
  • (B) Check them off — tick the checkbox on any color row in the grid further down.

Either way, a swatch appears for each selected color next to the “Selected colors” box. Click a swatch to fill the page background with that color; click the empty background to reset it to white. When you’re done, copy the text from the “Selected colors” box to use in your own code.

Selected colors

Color reference grid

Click a color row below (without clicking its checkbox) to preview it as the page background. Check a row’s checkbox to add it to your palette above. Click anywhere on the empty background to reset it back to white.

White

#F0F8FF Alice Blue #F0FFFF Azure #FDEEF4 Pearl #FFF5EE Sea Shell #FEFCFF Milk White #FFFFFF White #FFFAF0 Floral White #F8F8FF Ghost White #F0FFF0 Honeydew #FFFFF0 Ivory #F5FFFA Mint Cream #FAF0E6 Linen #FFFAFA Snow

Gray

#000000 Black #0C090A Night #212121 Gray Darken-4 #34282C Charcoal #3B3131 Oil #3D3C3A Iridium #413839 Black Cat #424242 Gray Darken-3 #463E3F Black Eel #4C4646 Black Cow #504A4B Gray Wolf #565051 Vampire Gray #5C5858 Gray Dolphin #625D5D Carbon Gray #616161 Gray Darken-2 #666362 Ash Gray #696969 Dim Gray #6D6968 Cloudy Gray #726E6D Smokey Gray #757575 Gray Darken-1 #837E7C Granite #808080 Gray #848482 Battleship Gray #A9A9A9 Dark Gray #B6B6B4 Gray Cloud #BDBDBD Gray Lighten-1 #C0C0C0 Silver #D1D0CE Gray Goose #D3D3D3 Light Gray #DCDCDC Gainsboro #E0E0E0 Gray Lighten-2 #E5E4E2 Platinum #EEEEEE Gray Lighten-3 #F5F5F5 Gray Lighten-4 #FAFAFA Gray Lighten-5

Red

#800000 Maroon #8B0000 Dark Red #8C001A Burgundy #990012 Red Wine #9F000F Cranberry #B71C1C Red Darken-4 #B22222 Firebrick #D50000 Red Accent-4 #C11B17 Chilli Pepper #C62828 Red Darken-3 #DC143C Crimson #DC381F Grapefruit #E41B17 Love Red #E42217 Lava Red #FF0000 Red #FF2400 Scarlet #D32F2F Red Darken-2 #C24641 Cherry Red #F70D1A Ferrari Red #F62217 Ruby Red #F62817 Fire Engine Red #FF1744 Red Accent-3 #E53935 Red Darken-1 #CD5C5C Indian Red #E55451 Valentine Red #EF5350 Red Lighten-1 #FF6347 Tomato #F75D59 Bean Red #FF5252 Red Accent-2 #E57373 Red Lighten-2 #FF8A80 Red Accent-1 #EF9A9A Red Lighten-3 #FFCDD2 Red Lighten-4 #FFEBEE Red Lighten-5

Brown

#2B1B17 Midnight #3E2723 Brown Darken-4 #493D26 Mocha #483C32 Taupe #4E342E Brown Darken-3 #5D4037 Brown Darken-2 #7E3517 Blood Red #7E3817 Sangria #7F5217 Red Dirt #806517 Oak Brown #8B4513 Saddle Brown #6F4E37 Coffee #7F462C Sepia #6D4C41 Brown Darken-1 #835C3B Brown Bear #966F33 Wood #954535 Chestnut #A0522D Sienna #A52A2A Brown #786D5F Sandstone #7F5A58 Puce #C7A317 Cookie Brown #827B60 Army Brown #B87333 Copper #C34A2C Chestnut Red #8D6E63 Brown Lighten-1 #B5A642 Brass #CD853F Peru #A1887F Brown Lighten-2 #C8B560 Fall Leaf Brown #BDB76B Dark Khaki #C9BE62 Ginger Brown #C2B280 Sand #F4A460 Sandy Brown #D2B48C Tan #BCAAA4 Brown Lighten-3 #D7CCC8 Brown Lighten-4 #ECE5B6 Tan Brown #F5DEB3 Wheat #F5F5DC Beige #EFEBE9 Brown Lighten-5

Red-Orange

#C04000 Mahogany #BF360C Deep-Orange Darken-4 #DD2C00 Deep-Orange Accent-4 #D84315 Deep-Orange Darken-3 #E64A19 Deep-Orange Darken-2 #FF3D00 Deep-Orange Accent-3 #FF4500 Orange Red #C36241 Rust #F4511E Deep-Orange Darken-1 #E55B3C Shocking Orange #FF5722 Deep-Orange #E67451 Sunrise Orange #FF6E40 Deep-Orange Accent-2 #FF7043 Deep-Orange Lighten-1 #E78A61 Tangerine #FF7F50 Coral #F88158 Basket Ball Orange #FF8A65 Deep-Orange Lighten-2 #FF9E80 Deep-Orange Accent-1 #FFAB91 Deep-Orange Lighten-3 #FFCCBC Deep-Orange Lighten-4

Orange

#B8860B Dark Goldenrod #CC6600 Sedona #C35817 Red Fox #C58917 Cinnamon #C68E17 Caramel #E65100 Orange Darken-4 #D4A017 Orange Gold #EF6C00 Orange Darken-3 #D2691E Chocolate #F57C00 Orange Darken-2 #DAA520 Goldenrod #FB8C00 Orange Darken-1 #E56717 Papaya Orange #CD7F32 Bronze #E8A317 School Bus Yellow #FF6D00 Orange Accent-4 #FF6F00 Amber Darken-4 #FF8C00 Dark Orange #FF8F00 Amber Darken-3 #FF9100 Orange Accent-3 #FFA000 Amber Darken-2 #FFA500 Orange #FFAB00 Amber Accent-4 #FFB300 Amber Darken-1 #E9AB17 Bee Yellow #C88141 Tiger Orange #F57F17 Yellow Darken-4 #AF9B60 Bullet Shell #F87217 Pumpkin Orange #E66C2C Halloween Orange #FBB117 Beer #FBB917 Saffron #C47451 Orange Salmon #F9A825 Yellow Darken-3 #FFA726 Orange Lighten-1 #F87431 Construction Cone Orange #C19A6B Camel brown #FFA62F Cantaloupe #FF8040 Mango Orange #FFAB40 Orange Accent-2 #FFB74D Orange Lighten-2 #E2A76F Brown Sugar #F2BB66 Macaroni and Cheese #DEB887 Burly Wood #FFCC80 Orange Lighten-3 #FFD180 Orange Accent-1 #EDC9AF Desert Sand #FFCBA4 Deep Peach #FFDEAD Navajo White #FFE0B2 Orange Lighten-4 #FFE5B4 Peach #FFE4B5 Moccasin #FFDAB9 Peach Puff #FFE4C4 Bisque #F7E7CE Champagne #FFEBCD Blanched Almond #FAEBD7 Antique White #FFEFD5 Papaya Whip #FFF3E0 Orange Lighten-5 #FBE9E7 Deep-Orange Lighten-5 #FDF5E6 Old Lace

Yellow

#FFC400 Amber Accent-3 #FFD600 Yellow Accent-4 #FFD700 Gold #FFEA00 Yellow Accent-3 #FFFF00 Yellow #FFFF00 Yellow Accent-2 #FFD801 Rubber Ducky Yellow #EAC117 Golden brown #FFC107 Amber #FDD017 Bright Gold #FFCA28 Amber Lighten-1 #FBC02D Yellow Darken-2 #FDD835 Yellow Darken-1 #FFD740 Amber Accent-2 #FFD54F Amber Lighten-2 #FFDB58 Mustard #FFEE58 Yellow Lighten-1 #EDE275 Harvest Gold #FFF176 Yellow Lighten-2 #FFE87C Sun Yellow #F0E68C Khaki #FFE57F Amber Accent-1 #FFF380 Corn Yellow #FFE082 Amber Lighten-3 #FFFF8D Yellow Accent-1 #EEE8AA Pale Goldenrod #FFF59D Yellow Lighten-3 #F3E5AB Vanilla #FFECB3 Amber Lighten-4 #FFFFC2 Parchment #FFF9C4 Yellow Lighten-4 #FFFFCC Cream #FAFAD2 Light Goldenrod Yellow #FFFACD Lemon Chiffon #FBF6D9 Blonde #FFF8DC Cornsilk #FFFFE0 Light Yellow #FFF8E1 Amber Lighten-5 #FFFDE7 Yellow Lighten-5

Blue

#263238 Blue-Gray Darken-4 #2C3539 Gunmetal #000080 Navy Blue #37474F Blue-Gray Darken-3 #191970 Midnight Blue #00008B Dark Blue #15317E Lapis Blue #1A237E Indigo Darken-4 #01579B Light-Blue Darken-4 #0000A0 Earth Blue #151B8D Denim Dark Blue #455A64 Blue-Gray Darken-2 #2B547E Blue Jay #0D47A1 Blue Darken-4 #283593 Indigo Darken-3 #0041C2 Blueberry Blue #0020C2 Cobalt Blue #0000CD Medium Blue #546E7A Blue-Gray Darken-1 #303F9F Indigo Darken-2 #566D7E Marble Blue #1565C0 Blue Darken-3 #5E5A80 Grape #1569C7 Blue Eyes #616D7E Jet Gray #646D7E Mist Blue #3949AB Indigo Darken-1 #607D8B Blue-Gray #1976D2 Blue Darken-2 #2554C7 Sapphire Blue #368BC1 Glacial Blue Ice #3090C7 Blue Ivy #4682B4 Steel Blue #357EC7 Windows Blue #00BFFF Deep Sky Blue #0000FF Blue #708090 Slate Gray #157DEC Blue Dress #1E88E5 Blue Darken-1 #488AC7 Silk Blue #778899 Light Slate Gray #78909C Blue-Gray Lighten-1 #2B65EC Ocean Blue #1F45FC Blue Orchid #5C6BC0 Indigo Lighten-1 #1E90FF Dodger Blue #4169E1 Royal Blue #38ACEC Butterfly Blue #2979FF Blue Accent-3 #2962FF Blue Accent-4 #659EC7 Blue Koi #304FFE Indigo Accent-4 #306EFF Blue Ribbon #42A5F5 Blue Lighten-1 #3D5AFE Indigo Accent-3 #90A4AE Blue-Gray Lighten-2 #56A5EC Iceberg #448AFF Blue Accent-2 #7986CB Indigo Lighten-2 #87AFC7 Columbia Blue #6495ED Cornflower Blue #536DFE Indigo Accent-2 #64B5F6 Blue Lighten-2 #5CB3FF Crystal Blue #95B9C7 Baby Blue #98AFC7 Blue Gray #79BAEC Denim Blue #87CEEB Sky Blue #B0BEC5 Blue-Gray Lighten-3 #9FA8DA Indigo Lighten-3 #87CEFA Light Sky Blue #82CAFF Day Sky Blue #82B1FF Blue Accent-1 #BCC6CC Metallic Silver #90CAF9 Blue Lighten-3 #8C9EFF Indigo Accent-1 #A0CFEC Jeans Blue #B0C4DE Light Steel Blue #AFDCEC Coral Blue #B4CFEC Pastel Blue #B7CEEC Blue Angel #CFD8DC Blue-Gray Lighten-4 #C5CAE9 Indigo Lighten-4 #BBDEFB Blue Lighten-4 #BDEDFF Robin Egg Blue #C2DFFF Sea Blue #ECEFF1 Blue-Gray Lighten-5 #E3E4FA Lavender blue #E8EAF6 Indigo Lighten-5 #E3F2FD Blue Lighten-5 #EBF4FA Water

Cyan

#004D40 Teal Darken-4 #006064 Cyan Darken-4 #00695C Teal Darken-3 #00796B Teal Darken-2 #2F4F4F Dark Slate Gray #008080 Teal #00897B Teal Darken-1 #008B8B Dark Cyan #00838F Cyan Darken-3 #0097A7 Cyan Darken-2 #307D7E Greenish Blue #0277BD Light-Blue Darken-3 #00BFA5 Teal Accent-4 #00ACC1 Cyan Darken-1 #4C787E Beetle Green #26A69A Teal Lighten-1 #438D80 Sea Turtle Green #00CED1 Dark Turquoise #20B2AA Light Sea Green #0288D1 Light-Blue Darken-2 #00BCD4 Cyan #00B8D4 Cyan Accent-4 #5E7D7E Grayish Turquoise #039BE5 Light-Blue Darken-1 #0091EA Light-Blue Accent-4 #03A9F4 Light-Blue #5F9EA0 Cadet Blue #00FFFF Cyan or Aqua #00E5FF Cyan Accent-3 #00B0FF Light-Blue Accent-3 #26C6DA Cyan Lighten-1 #4DB6AC Teal Lighten-2 #1DE9B6 Teal Accent-3 #43BFC7 Macaw Blue Green #46C7C7 Jellyfish #18FFFF Cyan Accent-2 #48D1CC Medium Turquoise #29B6F6 Light-Blue Lighten-1 #40E0D0 Turquoise #4DD0E1 Cyan Lighten-2 #4EE2EC Blue Diamond #50EBEC Celeste #77BFC7 Blue Hosta #78C7C7 Northern Lights Blue #40C4FF Light-Blue Accent-2 #4FC3F7 Light-Blue Lighten-2 #80CBC4 Teal Lighten-3 #57FEFF Blue Zircon #92C7C7 Cyan Opaque #81D8D0 Tiffany Blue #64FFDA Teal Accent-2 #80DEEA Cyan Lighten-3 #8EEBEC Blue Lagoon #81D4FA Light-Blue Lighten-3 #7DFDFE Tron Blue #80D8FF Light-Blue Accent-1 #84FFFF Cyan Accent-1 #B2DFDB Teal Lighten-4 #93FFE8 Light Aquamarine #ADD8E6 Light Blue #B0E0E6 Powder Blue #9AFEFF Electric Blue #AFEEEE Pale Turquoise #B2EBF2 Cyan Lighten-4 #A7FFEB Teal Accent-1 #B3E5FC Light-Blue Lighten-4 #CFECEC Pale Blue Lily #CCFFFF Light Slate #E0F2F1 Teal Lighten-5 #E0F7FA Cyan Lighten-5 #E1F5FE Light-Blue Lighten-5 #E0FFFF Light Cyan

Yellow-Green

#728C00 Venom Green #437C17 Seaweed Green #667C26 Fern Green #6B8E23 Olive Drab #6AA121 Green Onion #9DC209 Pistachio Green #689F38 Light-Green Darken-2 #6CC417 Alien Green #AFB42B Lime Darken-2 #AEEA00 Lime Accent-4 #7CB342 Light-Green Darken-1 #7CFC00 Lawn Green #C0CA33 Lime Darken-1 #A1C935 Salad Green #9ACD32 Yellow Green #7FE817 Hummingbird Green #C6FF00 Lime Accent-3 #7FFF00 Chartreuse #76FF03 Light-Green Accent-3 #B2C248 Avocado Green #8BC34A Light-Green #CDDC39 Lime #89C35C Green Peas #ADFF2F Green Yellow #9CCC65 Light-Green Lighten-1 #D4E157 Lime Lighten-1 #BCE954 Slime Green #EEFF41 Lime Accent-2 #AED581 Light-Green Lighten-2 #CCFB5D Tea Green #B2FF59 Light-Green Accent-2 #DCE775 Lime Lighten-2 #F4FF81 Lime Accent-1 #C5E1A5 Light-Green Lighten-3 #E6EE9C Lime Lighten-3 #CCFF90 Light-Green Accent-1 #DCEDC8 Light-Green Lighten-4 #F0F4C3 Lime Lighten-4 #F1F8E9 Light-Green Lighten-5 #F9FBE7 Lime Lighten-5

Green

#254117 Dark Forest Green #006400 Dark Green #1B5E20 Green Darken-4 #808000 Olive #008000 Green #33691E Light-Green Darken-4 #347C17 Shamrock Green #827717 Lime Darken-4 #556B2F Dark Olive Green #347235 Medium Forest Green #347C2C Jungle Green #2E7D32 Green Darken-3 #228B22 Forest Green #387C44 Pine Green #2E8B57 Sea Green #558B2F Light-Green Darken-3 #9E9D24 Lime Darken-3 #388E3C Green Darken-2 #00C853 Green Accent-4 #617C58 Hazel Green #4CC417 Green Apple #3EA055 Clover Green #43A047 Green Darken-1 #00E676 Green Accent-3 #3CB371 Medium Sea Green #78866B Camouflage Green #64DD17 Light-Green Accent-4 #6CBB3C Green Snake #00FA9A Medium Spring Green #32CD32 Lime Green #59E817 Nebula Green #00FF7F Spring Green #848B79 Sage Green #4CC552 Kelly Green #5FFB17 Emerald Green #54C571 Zombie Green #85BB65 Dollar Bill Green #9CB071 Iguana Green #66BB6A Green Lighten-1 #66CDAA Medium Aquamarine #57E964 Stoplight Go Green #7BCCB5 Blue green #81C784 Green Lighten-2 #8FBC8F Dark Sea Green #64E986 Algae Green #99C68E Frog Green #69F0AE Green Accent-2 #5EFB6E Jade Green #6AFB92 Dragon Green #A5D6A7 Green Lighten-3 #90EE90 Light Green #7FFFD4 Aquamarine #98FB98 Pale Green #B5EAAA Green Thumb #98FF98 Mint green #C8E6C9 Green Lighten-4 #B9F6CA Green Accent-1 #C3FDB8 Light Jade #E8F5E9 Green Lighten-5

Blue-Violet

#342D7E Blue Whale #311B92 Deep-Purple Darken-4 #4E387E Purple Haze #4527A0 Deep-Purple Darken-3 #483D8B Dark Slate Blue #512DA8 Deep-Purple Darken-2 #5E35B1 Deep-Purple Darken-1 #673AB7 Deep-Purple #7E57C2 Deep-Purple Lighten-1 #651FFF Deep-Purple Accent-3 #7A5DC7 Purple Sage Bush #6A5ACD Slate Blue #9575CD Deep-Purple Lighten-2 #9370DB Medium Purple #6960EC Blue Lotus #7C4DFF Deep-Purple Accent-2 #7B68EE Medium Slate Blue #9172EC Crocus Purple #736AFF Light Slate Blue #B39DDB Deep-Purple Lighten-3 #9E7BFF Purple Mimosa #B388FF Deep-Purple Accent-1 #D1C4E9 Deep-Purple Lighten-4 #E6E6FA Lavender

Purple

#800080 Purple #7D0541 Plum Pie #4B0082 Indigo #583759 Plum Purple #461B7E Purple Monster #571B7E Purple Iris #4A148C Purple Darken-4 #6A287E Purple Jam #7E354D Velvet Maroon #6A1B9A Purple Darken-3 #7B1FA2 Purple Darken-2 #663399 Rebecca Purple #8E24AA Purple Darken-1 #7F525D Dull Purple #9400D3 Dark Violet #7E587E Viola Purple #6200EA Deep-Purple Accent-4 #6C2DC7 Purple Amethyst #D500F9 Purple Accent-3 #9932CC Dark Orchid #AA00FF Purple Accent-4 #AB47BC Purple Lighten-1 #8A2BE2 Blue Violet #A74AC7 Purple Flower #7F38EC Lovely Purple #A23BEC Jasmine Purple #BA55D3 Medium Orchid #BA68C8 Purple Lighten-2 #893BFF Aztech Purple #E040FB Purple Accent-2 #B041FF Purple Daffodil #C45AEC Tyrian Purple #C38EC7 Purple Dragon #D462FF Heliotrope Purple #CE93D8 Purple Lighten-3 #EE82EE Violet #C6AEC7 Wisteria Purple #EA80FC Purple Accent-1 #DDA0DD Plum #D8BFD8 Thistle #E1BEE7 Purple Lighten-4 #E0B0FF Mauve #EBDDE2 Lavender Pinocchio #F3E5F5 Purple Lighten-5 #EDE7F6 Deep-Purple Lighten-5

Magenta

#7D0552 Plum Velvet #8B008B Dark Magenta #880E4F Pink Darken-4 #614051 Eggplant #AD1457 Pink Darken-3 #7F4E52 Rosy Finch #C51162 Pink Accent-4 #C2185B Pink Darken-2 #C71585 Medium Violet Red #C12283 Dark Carnation Pink #C12267 Burnt Pink #C12869 Rogue Pink #D81B60 Pink Darken-1 #F50057 Pink Accent-3 #FF00FF Magenta #E4287C Pink Lemonade #FF1493 Deep Pink #C25283 Bashful Pink #E3319D Dimorphotheca Magenta #C25A7C Tulip Pink #F535AA Neon Pink #F6358A Violet Red #EC407A Pink Lighten-1 #F433FF Bright Neon Pink #FF4081 Pink Accent-2 #E45E9D Pink Cupcake #C48189 Pink Bow #DA70D6 Orchid #DB7093 Pale Violet Red #BC8F8F Rosy Brown #C48793 Lipstick Pink #F06292 Pink Lighten-2 #C5908E Khaki Rose #E56E94 Blush Red #E9967A Dark Salmon #FF69B4 Hot Pink #FC6C85 Watermelon Pink #C8A2C8 Lilac #FA8072 Salmon #E38AAE Cadillac Pink #F778A1 Carnation Pink #F08080 Light Coral #FFA07A Light Salmon #FF80AB Pink Accent-1 #E799A3 Pink Daisy #F48FB1 Pink Lighten-3 #E7A1B0 Pink Rose #E8ADAA Rose #E6A9EC Blush Pink #F9A7B0 Flamingo Pink #ECC5C0 Rose Gold #F8BBD0 Pink Lighten-4 #FFB6C1 Light Pink #F9B7FF Blossom Pink #E9CFEC Periwinkle #FFC0CB Pink #FDD7E4 Pig Pink #FFDFDD Pink Bubble Gum #FCDFFF Cotton Candy #FCE4EC Pink Lighten-5 #FFE4E1 Misty Rose #FFF0F5 Lavender Blush