Warm colors in lighter or paler shades for your website convey warmth, a nurturing environment, brightness or a softness. Brighter or darker shades convey heat, passion or power.
Selecting the right shades will help convey the message of your website.
Feel free to contact for any website requirements whether it is for a new website or maintenance or just general help.
Warm Colors (alphabetical order)
| Name | Hex # | Actual Color | Black Text On | White Text On | |
|---|---|---|---|---|---|
| antiquewhite | #FAEBD7 | Black Text | White Text | ||
| antiquewhite1 | #FFEFDB | Black Text | White Text | ||
| antiquewhite2 | #EEDFCC | Black Text | White Text | ||
| antiquewhite3 | #CDC0B0 | Black Text | White Text | ||
| antiquewhite4 | #8B8378 | Black Text | White Text | ||
| apricot | #FBA16C | Black Text | White Text | ||
| ash | #C6C3B5 | Black Text | White Text | ||
| aureolineyellow | #FFA824 | Black Text | White Text | ||
| avocado | #A2C257 | Black Text | White Text | ||
| bakerschocolate | #5C3317 | Black Text | White Text | ||
| banana | #E3CF57 | Black Text | White Text | ||
| battleship | #D0D2C4 | Black Text | White Text | ||
| beach sand | #EED6AF | Black Text | White Text | ||
| beige | #A39480 | Black Text | White Text | ||
| beige | #F5F5DC | Black Text | White Text | ||
| bisque | #FFE4C4 | Black Text | White Text | ||
| bisque2 | #EED5B7 | Black Text | White Text | ||
| bisque3 | #CDB79E | Black Text | White Text | ||
| bisque4 | #8B7D6B | Black Text | White Text | ||
| blanchedalmond | #FFEBCD | Black Text | White Text | ||
| bloodorange | #CC1100 | Black Text | White Text | ||
| bloodred | #660000 | Black Text | White Text | ||
| bone | #FFFFCC | Black Text | White Text | ||
| brass | #B5A642 | Black Text | White Text | ||
| bread | #FCD59C | Black Text | White Text | ||
| brick | #9C661F | Black Text | White Text | ||
| brightgold | #D9D919 | Black Text | White Text | ||
| bronze | #8C7853 | Black Text | White Text | ||
| bronzeii | #A67D3D | Black Text | White Text | ||
| brown | #802A2A | Black Text | White Text | ||
| brown | #A52A2A | Black Text | White Text | ||
| brown | #A62A2A | Black Text | White Text | ||
| brown1 | #FF4040 | Black Text | White Text | ||
| brown2 | #EE3B3B | Black Text | White Text | ||
| brown3 | #CD3333 | Black Text | White Text | ||
| brown4 | #8B2323 | Black Text | White Text | ||
| brownmadder | #DB2929 | Black Text | White Text | ||
| brownochre | #87421F | Black Text | White Text | ||
| burlywood | #DEB887 | Black Text | White Text | ||
| burlywood1 | #FFD39B | Black Text | White Text | ||
| burlywood2 | #EEC591 | Black Text | White Text | ||
| burlywood3 | #CDAA7D | Black Text | White Text | ||
| burlywood4 | #8B7355 | Black Text | White Text | ||
| burntsienna | #8A360F | Black Text | White Text | ||
| burntumber | #8A3324 | Black Text | White Text | ||
| buttermilk | #FEF1B5 | Black Text | White Text | ||
| cadmium yellowlight | #FFB00F | Black Text | White Text | ||
| cadmiumlemon | #FFE303 | Black Text | White Text | ||
| cadmiumorange | #FF6103 | Black Text | White Text | ||
| cadmiumreddeep | #E3170D | Black Text | White Text | ||
| cadmiumyellow | #FF9912 | Black Text | White Text | ||
| carrot | #ED9121 | Black Text | White Text | ||
| celery | #CFD784 | Black Text | White Text | ||
| cheddar | #FFC469 | Black Text | White Text | ||
| chili | #D44942 | Black Text | White Text | ||
| chili powder | #C73F17 | Black Text | White Text | ||
| chocolate | #993300 | Black Text | White Text | ||
| chocolate | #D2691E | Black Text | White Text | ||
| chocolate1 | #FF7F24 | Black Text | White Text | ||
| chocolate2 | #EE7621 | Black Text | White Text | ||
| chocolate3 | #CD661D | Black Text | White Text | ||
| chrome | #E8F1D4 | Black Text | White Text | ||
| chromeoxidegreen | #668014 | Black Text | White Text | ||
| cinnamon | #AA6600 | Black Text | White Text | ||
| cinnamon | #7B3F00 | Black Text | White Text | ||
| coconut | #FFFCCF | Black Text | White Text | ||
| coffee | #AA5303 | Black Text | White Text | ||
| cola | #AF4035 | Black Text | White Text | ||
| cool copper | #D98719 | Black Text | White Text | ||
| copper | #B87333 | Black Text | White Text | ||
| coral | #FF7F50 | Black Text | White Text | ||
| coral1 | #FF7256 | Black Text | White Text | ||
| coral2 | #EE6A50 | Black Text | White Text | ||
| coral3 | #CD5B45 | Black Text | White Text | ||
| coral4 | #8B3E2F | Black Text | White Text | ||
| corn | #FBEC5D | Black Text | White Text | ||
| cornsilk | #FFF8DC | Black Text | White Text | ||
| cornsilk2 | #EEE8CD | Black Text | White Text | ||
| cornsilk3 | #CDC8B1 | Black Text | White Text | ||
| cornsilk4 | #8B8878 | Black Text | White Text | ||
| cream city brick | #E2DDB5 | Black Text | White Text | ||
| dark wheat | #E8C782 | Black Text | White Text | ||
| darkcherryred | #330000 | Black Text | White Text | ||
| darkgoldenrod | #B8860B | Black Text | White Text | ||
| darkgoldenrod1 | #FFB90F | Black Text | White Text | ||
| darkgoldenrod2 | #EEAD0E | Black Text | White Text | ||
| darkgoldenrod3 | #CD950C | Black Text | White Text | ||
| darkgoldenrod4 | #8B6508 | Black Text | White Text | ||
| darkkhaki | #BDB76B | Black Text | White Text | ||
| darkolivegreen | #556B2F | Black Text | White Text | ||
| darkolivegreen | #4F4F2F | Black Text | White Text | ||
| darkolivegreen1 | #CAFF70 | Black Text | White Text | ||
| darkolivegreen2 | #BCEE68 | Black Text | White Text | ||
| darkolivegreen3 | #A2CD5A | Black Text | White Text | ||
| darkolivegreen4 | #6E8B3D | Black Text | White Text | ||
| darkorange | #FF8C00 | Black Text | White Text | ||
| darkorange1 | #FF7F00 | Black Text | White Text | ||
| darkorange2 | #EE7600 | Black Text | White Text | ||
| darkorange3 | #CD6600 | Black Text | White Text | ||
| darkorange4 | #8B4500 | Black Text | White Text | ||
| darkorange5 | #FF8600 | Black Text | White Text | ||
| darkred | #8B0000 | Black Text | White Text | ||
| darksalmon | #E9967A | Black Text | White Text | ||
| darktan | #97694F | Black Text | White Text | ||
| darkwood | #855E42 | Black Text | White Text | ||
| deepochre | #733D1A | Black Text | White Text | ||
| desert sand | #FEE8D6 | Black Text | White Text | ||
| dustyrose | #856363 | Black Text | White Text | ||
| eggshell | #FCE6C9 | Black Text | White Text | ||
| englishred | #D43D1A | Black Text | White Text | ||
| espresso | #E7C6A5 | Black Text | White Text | ||
| feldspar | #D19275 | Black Text | White Text | ||
| firebrick | #B22222 | Black Text | White Text | ||
| firebrick1 | #FF3030 | Black Text | White Text | ||
| firebrick2 | #EE2C2C | Black Text | White Text | ||
| firebrick3 | #CD2626 | Black Text | White Text | ||
| firebrick4 | #8B1A1A | Black Text | White Text | ||
| firebrick5 | #8E2323 | Black Text | White Text | ||
| flatpink | #FFCCCC | Black Text | White Text | ||
| fleshochre | #FF5721 | Black Text | White Text | ||
| floralwhite | #FFFAF0 | Black Text | White Text | ||
| fog | #CBCAB6 | Black Text | White Text | ||
| ganegreen | #777733 | Black Text | White Text | ||
| gold | #FFD700 | Black Text | White Text | ||
| gold2 | #EEC900 | Black Text | White Text | ||
| gold3 | #CDAD00 | Black Text | White Text | ||
| gold4 | #8B7500 | Black Text | White Text | ||
| gold5 | #CC7F32 | Black Text | White Text | ||
| gold6 | #CD7F32 | Black Text | White Text | ||
| gold7 | #FFAA00 | Black Text | White Text | ||
| goldenrod | #DBDB70 | Black Text | White Text | ||
| goldenrod | #DAA520 | Black Text | White Text | ||
| goldenrod1 | #FFC125 | Black Text | White Text | ||
| goldenrod2 | #EEB422 | Black Text | White Text | ||
| goldenrod3 | #CD9B1D | Black Text | White Text | ||
| goldenrod4 | #8B6914 | Black Text | White Text | ||
| goldgreen | #AADD00 | Black Text | White Text | ||
| goldochre | #C77826 | Black Text | White Text | ||
| grapefruit | #F3E88E | Black Text | White Text | ||
| greenishumber | #FF3D0D | Black Text | White Text | ||
| greenyellow | #ADFF2F | Black Text | White Text | ||
| honey | #FEE5AC | Black Text | White Text | ||
| indianred | #CD5C5C | Black Text | White Text | ||
| indianred1 | #FF6A6A | Black Text | White Text | ||
| indianred2 | #EE6363 | Black Text | White Text | ||
| indianred3 | #CD5555 | Black Text | White Text | ||
| indianred4 | #8B3A3A | Black Text | White Text | ||
| ivory | #FFFFF0 | Black Text | White Text | ||
| ivory2 | #EEEEE0 | Black Text | White Text | ||
| ivory3 | #CDCDC1 | Black Text | White Text | ||
| ivory4 | #8B8B83 | Black Text | White Text | ||
| ivoryblack | #292421 | Black Text | White Text | ||
| khaki | #9F9F5F | Black Text | White Text | ||
| khaki | #F0E68C | Black Text | White Text | ||
| khaki1 | #FFF68F | Black Text | White Text | ||
| khaki2 | #EEE685 | Black Text | White Text | ||
| khaki3 | #CDC673 | Black Text | White Text | ||
| khaki4 | #8B864E | Black Text | White Text | ||
| kidney bean | #B13E0F | Black Text | White Text | ||
| lemonchiffon | #FFFACD | Black Text | White Text | ||
| lemonchiffon2 | #EEE9BF | Black Text | White Text | ||
| lemonchiffon3 | #CDC9A5 | Black Text | White Text | ||
| lemonchiffon4 | #8B8970 | Black Text | White Text | ||
| light copper | #EDC393 | Black Text | White Text | ||
| light goldenrod1 | #FFEC8B | Black Text | White Text | ||
| light goldenrod3 | #CDBE70 | Black Text | White Text | ||
| light goldenrod4 | #8B814C | Black Text | White Text | ||
| lightcoral | #F08080 | Black Text | White Text | ||
| lightgoldenrod | #EEDD82 | Black Text | White Text | ||
| lightgoldenrod2 | #EEDC82 | Black Text | White Text | ||
| lightgoldenrodyellow | #FAFAD2 | Black Text | White Text | ||
| lightsalmon | #FFA07A | Black Text | White Text | ||
| lightsalmon2 | #EE9572 | Black Text | White Text | ||
| lightsalmon3 | #CD8162 | Black Text | White Text | ||
| lightsalmon4 | #8B5742 | Black Text | White Text | ||
| lightwood | #E9C2A6 | Black Text | White Text | ||
| lightyellow | #FFFFE0 | Black Text | White Text | ||
| lightyellow2 | #EEEED1 | Black Text | White Text | ||
| lightyellow3 | #CDCDB4 | Black Text | White Text | ||
| lightyellow4 | #8B8B7A | Black Text | White Text | ||
| linen | #FAF0E6 | Black Text | White Text | ||
| mandarianorange | #E47833 | Black Text | White Text | ||
| maroon | #800000 | Black Text | White Text | ||
| maroon5 | #691F01 | Black Text | White Text | ||
| marsorange | #964514 | Black Text | White Text | ||
| marsyellow | #E3701A | Black Text | White Text | ||
| mediumgoldenrod | #EAEAAE | Black Text | White Text | ||
| mediumwood | #A68064 | Black Text | White Text | ||
| melon | #E3A869 | Black Text | White Text | ||
| melonrindgreen | #DFFFA5 | Black Text | White Text | ||
| mistyrose | #FFE4E1 | Black Text | White Text | ||
| mistyrose2 | #EED5D2 | Black Text | White Text | ||
| mistyrose3 | #CDB7B5 | Black Text | White Text | ||
| mistyrose4 | #8B7D7B | Black Text | White Text | ||
| moccasin | #FFE4B5 | Black Text | White Text | ||
| mustard | #FFCC11 | Black Text | White Text | ||
| naplesyellowdeep | #FFA812 | Black Text | White Text | ||
| navajowhite | #FFDEAD | Black Text | White Text | ||
| navajowhite2 | #EECFA1 | Black Text | White Text | ||
| navajowhite3 | #CDB38B | Black Text | White Text | ||
| navajowhite4 | #8B795E | Black Text | White Text | ||
| nectarine | #FF3300 | Black Text | White Text | ||
| newtan | #EBC79E | Black Text | White Text | ||
| novascotia salmon | #FF3333 | Black Text | White Text | ||
| ochre | #CC7722 | Black Text | White Text | ||
| oldgold | #CFB53B | Black Text | White Text | ||
| oldlace | #FDF5E6 | Black Text | White Text | ||
| olive | #808000 | Black Text | White Text | ||
| olivedrab | #6B8E23 | Black Text | White Text | ||
| olivedrab1 | #C0FF3E | Black Text | White Text | ||
| olivedrab2 | #B3EE3A | Black Text | White Text | ||
| olivedrab4 | #698B22 | Black Text | White Text | ||
| orange | #FFA500 | Black Text | White Text | ||
| orange | #CC3232 | Black Text | White Text | ||
| orange | #FF6600 | Black Text | White Text | ||
| orange | #FF8000 | Black Text | White Text | ||
| orange2 | #EE9A00 | Black Text | White Text | ||
| orange3 | #CD8500 | Black Text | White Text | ||
| orange4 | #8B5A00 | Black Text | White Text | ||
| orange5 | #FF7D40 | Black Text | White Text | ||
| orangered | #FF4500 | Black Text | White Text | ||
| orangered | #FF2400 | Black Text | White Text | ||
| orangered2 | #EE4000 | Black Text | White Text | ||
| orangered3 | #CD3700 | Black Text | White Text | ||
| orangered4 | #8B2500 | Black Text | White Text | ||
| oregon salmon | #FF7722 | Black Text | White Text | ||
| palegoldenrod | #EEE8AA | Black Text | White Text | ||
| papaya | #FFFF7E | Black Text | White Text | ||
| papayawhip | #FFEFD5 | Black Text | White Text | ||
| peach | #FF9955 | Black Text | White Text | ||
| peach | #FEF0DB | Black Text | White Text | ||
| peachpuff | #FFDAB9 | Black Text | White Text | ||
| peachpuff2 | #EECBAD | Black Text | White Text | ||
| peachpuff3 | #CDAF95 | Black Text | White Text | ||
| peachpuff4 | #8B7765 | Black Text | White Text | ||
| pear | #D1E231 | Black Text | White Text | ||
| peru | #CD853F | Black Text | White Text | ||
| popcornyellow | #FFFFAA | Black Text | White Text | ||
| pyridiumorange | #F0A804 | Black Text | White Text | ||
| ralphyellow | #CCCC00 | Black Text | White Text | ||
| rawsienna | #C76114 | Black Text | White Text | ||
| rawumber | #734A12 | Black Text | White Text | ||
| red | #FF0000 | Black Text | White Text | ||
| red2 | #EE0000 | Black Text | White Text | ||
| red3 | #CD0000 | Black Text | White Text | ||
| rosybrown | #BC8F8F | Black Text | White Text | ||
| rosybrown1 | #FFC1C1 | Black Text | White Text | ||
| rosybrown2 | #EEB4B4 | Black Text | White Text | ||
| rosybrown3 | #CD9B9B | Black Text | White Text | ||
| rosybrown4 | #8B6969 | Black Text | White Text | ||
| saddlebrown | #8B4513 | Black Text | White Text | ||
| safety cone | #FF5333 | Black Text | White Text | ||
| safety vest | #C8F526 | Black Text | White Text | ||
| salmon | #FA8072 | Black Text | White Text | ||
| salmon1 | #FF8C69 | Black Text | White Text | ||
| salmon2 | #EE8262 | Black Text | White Text | ||
| salmon3 | #CD7054 | Black Text | White Text | ||
| salmon4 | #8B4C39 | Black Text | White Text | ||
| salmon5 | #6F4242 | Black Text | White Text | ||
| sand | #FFCC99 | Black Text | White Text | ||
| sandstone | #A78D84 | Black Text | White Text | ||
| sandybrown | #F4A460 | Black Text | White Text | ||
| scarlet | #8C1717 | Black Text | White Text | ||
| seashell | #FFF5EE | Black Text | White Text | ||
| seashell2 | #EEE5DE | Black Text | White Text | ||
| seashell3 | #CDC5BF | Black Text | White Text | ||
| seashell4 | #8B8682 | Black Text | White Text | ||
| seattle salmon | #FF6666 | Black Text | White Text | ||
| semisweet chocolate1 | #6B4226 | Black Text | White Text | ||
| semisweet chocolate2 | #E6B426 | Black Text | White Text | ||
| sepia | #5E2612 | Black Text | White Text | ||
| sgibrightgray | #C5C1AA | Black Text | White Text | ||
| sgiolivedrab | #8E8E38 | Black Text | White Text | ||
| sgisalmon | #C67171 | Black Text | White Text | ||
| sienna | #8E6B23 | Black Text | White Text | ||
| sienna | #A0522D | Black Text | White Text | ||
| sienna1 | #FF8247 | Black Text | White Text | ||
| sienna2 | #EE7942 | Black Text | White Text | ||
| sienna3 | #CD6839 | Black Text | White Text | ||
| sienna4 | #8B4726 | Black Text | White Text | ||
| snow | #FFFAFA | Black Text | White Text | ||
| snow2 | #EEE9E9 | Black Text | White Text | ||
| snow3 | #CDC9C9 | Black Text | White Text | ||
| snow4 | #8B8989 | Black Text | White Text | ||
| tan | #DB9370 | Black Text | White Text | ||
| tan | #EE8833 | Black Text | White Text | ||
| tan | #D2B48C | Black Text | White Text | ||
| tan1 | #FFA54F | Black Text | White Text | ||
| tan2 | #EE9A49 | Black Text | White Text | ||
| tan4 | #8B5A2B | Black Text | White Text | ||
| terreverte | #385E0F | Black Text | White Text | ||
| titanium | #B6AFA9 | Black Text | White Text | ||
| titaniumwhite | #FCFFF0 | Black Text | White Text | ||
| tomato | #FF6347 | Black Text | White Text | ||
| tomato2 | #EE5C42 | Black Text | White Text | ||
| tomato3 | #CD4F39 | Black Text | White Text | ||
| tomato4 | #8B3626 | Black Text | White Text | ||
| vandykebrown | #5E2605 | Black Text | White Text | ||
| verydarkbrown | #5C4033 | Black Text | White Text | ||
| warmgrey | #808069 | Black Text | White Text | ||
| wheat | #D8D8BF | Black Text | White Text | ||
| wheat | #F5DEB3 | Black Text | White Text | ||
| wheat1 | #FFE7BA | Black Text | White Text | ||
| wheat2 | #EED8AE | Black Text | White Text | ||
| wheat3 | #CDBA96 | Black Text | White Text | ||
| wheat4 | #8B7E66 | Black Text | White Text | ||
| yellow | #FFFF00 | Black Text | White Text | ||
| yellow2 | #EEEE00 | Black Text | White Text | ||
| yellow3 | #CDCD00 | Black Text | White Text | ||
| yellow4 | #8B8B00 | Black Text | White Text | ||
| yellowgreen | #9ACD32 | Black Text | White Text | ||
| yellowgreen2 | #99CC32 | Black Text | White Text | ||
| yellowochre | #E38217 | Black Text | White Text | ||
| yolk | #FFE600 | Black Text | White Text | ||
