CSS Color Chart

This page contains a neutral colors chart and a general-purpose color chart. You
can use the colors in the palletes with either HTML or CSS. Click on the color
code to select it, then you can copy and paste it. Click on the Toggle button to
convert from Hex to RGB and back. The charts are printed in tabular fashion so
you can narrow your browser window with the pallete and compare the colors to
your design side-by-side.

The neutral colors are taken from a Behr Premium Plus Interior/Exterior paint color
swatch found at a hardware store. The paper was scanned into Paint Shop Pro, where
the swatch color was averaged and extracted. Colors with a blue or green tint are
termed cool, while colors with a red or yellow tint are warm. Grays and white are totally
neutral. Neutral colors can be used as background colors for tables and pages.

Do not use the color names in your code, because they are non-standard. Use either
the HEX or RGB values.

• Dynamic Color Chart - organized by hue and saturation

• Color Basics - things you should know about colors, from the Art Studio
Chalkboard
 Neutral Colors Morning Fog #FDF2EE

Color Name Color Code Dove Beige #FEE0C6

Pearly Gates #FFFFF2

Pale Olive #FBF5E6 General Purpose Colors

Ultra Pure White #FFFFFF
Color Name Color Code
Frosted Lime #F6F9ED
aliceblue #F0F8FF
White Orchid #FDFDF0
antiquewhite #FAEBD7
Green Veil #EEF3E2
antiquewhite1 #FFEFDB
Gray Cliffs #EBECE4
antiquewhite2 #EEDFCC
Far Horizon #ECF1EF
antiquewhite3 #CDC0B0
Plantation White #FFFFFE
antiquewhite4 #8B8378
Warm Summer #FCF6CF
aquamarine #7FFFD4
Ivory Tusk #FDFCDC
aquamarine1 #7FFFD4
Eggshell Cream #FEFEF2
aquamarine2 #76EEC6
Toasted Meringue #F1EDC2
aquamarine3 #66CDAA
Light Sand #FEFFEF
aquamarine4 #458B74
Carmel Tan #FEF0C9
azure #F0FFFF
Wedding Veil #FFFFFD
azure1 #F0FFFF
Subtle White #FEFFF1
azure2 #E0EEEE
Warm Shadow #FEF6E4
azure3 #C1CDCD
Sand Box #FEF5CA
azure4 #838B8B
Frosted Peach #FCF8DC
beige #F5F5DC
Dusted Pink #FEEECD
bisque #FFE4C4
Porcelain White #FEF9ED
bisque1 #FFE4C4
Light Adobe #FFEECA
bisque2 #EED5B7
Barely Blushing #FEEED4
bisque2 #EED5B7
Dusty Trail #FEF1E1
bisque3 #CDB79E
Ostrich Feather #FEF1E9
bisque4 #8B7D6B
White Sail #FFFFF3
black #000000
blanchedalmond #FFEBCD chocolate3 #CD661D

blue #0000FF chocolate4 #8B4513

blue1 #0000FF coral #FF7F50

blue2 #0000EE coral1 #FF7256

blue3 #0000CD coral2 #EE6A50

blue4 #00008B coral3 #CD5B45

blueviolet #8A2BE2 coral4 #8B3E2F

brown #A52A2A cornflowerblue #6495ED

brown1 #FF4040 cornsilk #FFF8DC

brown2 #EE3B3B cornsilk1 #FFF8DC

brown3 #CD3333 cornsilk2 #EEE8CD

brown4 #8B2323 cornsilk3 #CDC8B1

burlywood #DEB887 cornsilk4 #8B8878

burlywood1 #FFD39B crimson #DC143C

burlywood2 #EEC591 cyan #00FFFF

burlywood3 #CDAA7D cyan1 #00FFFF

burlywood4 #8B7355 cyan2 #00EEEE

cadetblue #5F9EA0 cyan3 #00CDCD

cadetblue1 #98F5FF cyan4 #008B8B

cadetblue2 #8EE5EE darkblue #00008B

cadetblue3 #7AC5CD darkcyan #008B8B

cadetblue4 #53868B darkgoldenrod #B8860B

chartreuse #7FFF00 darkgoldenrod1 #FFB90F

chartreuse1 #7FFF00 darkgoldenrod2 #EEAD0E

chartreuse2 #76EE00 darkgoldenrod3 #CD950C

chartreuse3 #66CD00 darkgoldenrod4 #8B6508

chartreuse4 #458B00 darkgray #A9A9A9

chocolate #D2691E darkgreen #006400

chocolate1 #FF7F24 darkgrey #A9A9A9

chocolate2 #EE7621 darkkhaki #BDB76B

darkmagenta #8B008B darkturquoise #00CED1

darkolivegreen #556B2F darkviolet #9400D3

darkolivegreen1 #CAFF70 deeppink #FF1493

darkolivegreen2 #BCEE68 deeppink1 #FF1493

darkolivegreen3 #A2CD5A deeppink2 #EE1289

darkolivegreen4 #6E8B3D deeppink3 #CD1076

darkorange #FF8C00 deeppink4 #8B0A50

darkorange1 #FF7F00 deepskyblue #00BFFF

darkorange2 #EE7600 deepskyblue1 #00BFFF

darkorange3 #CD6600 deepskyblue2 #00B2EE

darkorange4 #8B4500 deepskyblue3 #009ACD

darkorchid #9932CC deepskyblue4 #00688B

darkorchid1 #BF3EFF dimgray #696969

darkorchid2 #B23AEE dimgrey #696969

darkorchid3 #9A32CD dodgerblue #1E90FF

darkorchid4 #68228B dodgerblue1 #1E90FF

darkred #8B0000 dodgerblue2 #1C86EE

darksalmon #E9967A dodgerblue3 #1874CD

darkseagreen #8FBC8F dodgerblue4 #104E8B

darkseagreen1 #C1FFC1 firebrick #B22222

darkseagreen2 #B4EEB4 firebrick1 #FF3030

darkseagreen3 #9BCD9B firebrick2 #EE2C2C

darkseagreen4 #698B69 firebrick3 #CD2626

darkslateblue #483D8B firebrick4 #8B1A1A

darkslategray #2F4F4F floralwhite #FFFAF0

darkslategray1 #97FFFF forestgreen #228B22

darkslategray2 #8DEEEE gainsboro #DCDCDC

darkslategray3 #79CDCD ghostwhite #F8F8FF

darkslategray4 #528B8B gold #FFD700

darkslategrey #2F4F4F gold1 #FFD700

gold2 #EEC900 gray21 #363636

gold3 #CDAD00 gray22 #383838

gold4 #8B7500 gray23 #3B3B3B

goldenrod #DAA520 gray24 #3D3D3D

goldenrod1 #FFC125 gray25 #404040

goldenrod2 #EEB422 gray26 #424242

goldenrod3 #CD9B1D gray27 #454545

goldenrod4 #8B6914 gray28 #474747

gray #BEBEBE gray29 #4A4A4A

gray0 #000000 gray30 #4D4D4D

gray1 #030303 gray31 #4F4F4F

gray2 #050505 gray32 #525252

gray3 #080808 gray33 #545454

gray4 #0A0A0A gray34 #575757

gray5 #0D0D0D gray35 #595959

gray6 #0F0F0F gray36 #5C5C5C

gray7 #121212 gray37 #5E5E5E

gray8 #141414 gray38 #616161

gray9 #171717 gray39 #636363

gray10 #1A1A1A gray40 #666666

gray11 #1C1C1C gray41 #696969

gray12 #1F1F1F gray42 #6B6B6B

gray13 #212121 gray43 #6E6E6E

gray14 #242424 gray44 #707070

gray15 #262626 gray45 #737373

gray16 #292929 gray46 #757575

gray17 #2B2B2B gray47 #787878

gray18 #2E2E2E gray48 #7A7A7A

gray19 #303030 gray49 #7D7D7D

gray20 #333333 gray50 #7F7F7F

gray51 #828282 gray81 #CFCFCF

gray52 #858585 gray82 #D1D1D1

gray53 #878787 gray83 #D4D4D4

gray54 #8A8A8A gray84 #D6D6D6

gray55 #8C8C8C gray85 #D9D9D9

gray56 #8F8F8F gray86 #DBDBDB

gray57 #919191 gray87 #DEDEDE

gray58 #949494 gray88 #E0E0E0

gray59 #969696 gray89 #E3E3E3

gray60 #999999 gray90 #E5E5E5

gray61 #9C9C9C gray91 #E8E8E8

gray62 #9E9E9E gray92 #EBEBEB

gray63 #A1A1A1 gray93 #EDEDED

gray64 #A3A3A3 gray94 #F0F0F0

gray65 #A6A6A6 gray95 #F2F2F2

gray66 #A8A8A8 gray96 #F5F5F5

gray67 #ABABAB gray97 #F7F7F7

gray68 #ADADAD gray98 #FAFAFA

gray69 #B0B0B0 gray99 #FCFCFC

gray70 #B3B3B3 gray100 #FFFFFF

gray71 #B5B5B5 green #00FF00

gray72 #B8B8B8 green1 #00FF00

gray73 #BABABA green2 #00EE00

gray74 #BDBDBD green3 #00CD00

gray75 #BFBFBF green4 #008B00

gray76 #C2C2C2 greenyellow #ADFF2F

gray77 #C4C4C4 grey #BEBEBE

gray78 #C7C7C7 grey0 #000000

gray79 #C9C9C9 grey1 #030303

gray80 #CCCCCC grey2 #050505

grey3 #080808 grey33 #545454

grey4 #0A0A0A grey34 #575757

grey5 #0D0D0D grey35 #595959

grey6 #0F0F0F grey36 #5C5C5C

grey7 #121212 grey37 #5E5E5E

grey8 #141414 grey38 #616161

grey9 #171717 grey39 #636363

grey10 #1A1A1A grey40 #666666

grey11 #1C1C1C grey41 #696969

grey12 #1F1F1F grey42 #6B6B6B

grey13 #212121 grey43 #6E6E6E

grey14 #242424 grey44 #707070

grey15 #262626 grey45 #737373

grey16 #292929 grey46 #757575

grey17 #2B2B2B grey47 #787878

grey18 #2E2E2E grey48 #7A7A7A

grey19 #303030 grey49 #7D7D7D

grey20 #333333 grey50 #7F7F7F

grey21 #363636 grey51 #828282

grey22 #383838 grey52 #858585

grey23 #3B3B3B grey53 #878787

grey24 #3D3D3D grey54 #8A8A8A

grey25 #404040 grey55 #8C8C8C

grey26 #424242 grey56 #8F8F8F

grey27 #454545 grey57 #919191

grey28 #474747 grey58 #949494

grey29 #4A4A4A grey59 #969696

grey30 #4D4D4D grey60 #999999

grey31 #4F4F4F grey61 #9C9C9C

grey32 #525252 grey62 #9E9E9E

grey63 #A1A1A1 grey93 #EDEDED

grey64 #A3A3A3 grey94 #F0F0F0

grey65 #A6A6A6 grey95 #F2F2F2

grey66 #A8A8A8 grey96 #F5F5F5

grey67 #ABABAB grey97 #F7F7F7

grey68 #ADADAD grey98 #FAFAFA

grey69 #B0B0B0 grey99 #FCFCFC

grey70 #B3B3B3 grey100 #FFFFFF

grey71 #B5B5B5 honeydew #F0FFF0

grey72 #B8B8B8 honeydew1 #F0FFF0

grey73 #BABABA honeydew2 #E0EEE0

grey74 #BDBDBD honeydew3 #C1CDC1

grey75 #BFBFBF honeydew4 #838B83

grey76 #C2C2C2 hotpink #FF69B4

grey77 #C4C4C4 hotpink1 #FF6EB4

grey78 #C7C7C7 hotpink2 #EE6AA7

grey79 #C9C9C9 hotpink3 #CD6090

grey80 #CCCCCC hotpink4 #8B3A62

grey81 #CFCFCF indianred #CD5C5C

grey82 #D1D1D1 indianred1 #FF6A6A

grey83 #D4D4D4 indianred2 #EE6363

grey84 #D6D6D6 indianred3 #CD5555

grey85 #D9D9D9 indianred4 #8B3A3A

grey86 #DBDBDB indigo #4B0082

grey87 #DEDEDE indigo2 #218868

grey88 #E0E0E0 ivory #FFFFF0

grey89 #E3E3E3 ivory1 #FFFFF0

grey90 #E5E5E5 ivory2 #EEEEE0

grey91 #E8E8E8 ivory3 #CDCDC1

grey92 #EBEBEB ivory4 #8B8B83

khaki #F0E68C lightgoldenrod2 #EEDC82

khaki1 #FFF68F lightgoldenrod3 #CDBE70

khaki2 #EEE685 lightgoldenrod4 #8B814C

khaki3 #CDC673 lightgoldenrodyellow #FAFAD2

khaki4 #8B864E lightgray #D3D3D3

lavender #E6E6FA lightgreen #90EE90

lavenderblush #FFF0F5 lightgrey #D3D3D3

lavenderblush1 #FFF0F5 lightpink #FFB6C1

lavenderblush2 #EEE0E5 lightpink1 #FFAEB9

lavenderblush3 #CDC1C5 lightpink2 #EEA2AD

lavenderblush4 #8B8386 lightpink3 #CD8C95

lawngreen #7CFC00 lightpink4 #8B5F65

lemonchiffon #FFFACD lightsalmon #FFA07A

lemonchiffon1 #FFFACD lightsalmon1 #FFA07A

lemonchiffon2 #EEE9BF lightsalmon2 #EE9572

lemonchiffon3 #CDC9A5 lightsalmon3 #CD8162

lemonchiffon4 #8B8970 lightsalmon4 #8B5742

lightblue #ADD8E6 lightseagreen #20B2AA

lightblue1 #BFEFFF lightskyblue #87CEFA

lightblue2 #B2DFEE lightskyblue1 #B0E2FF

lightblue3 #9AC0CD lightskyblue2 #A4D3EE

lightblue4 #68838B lightskyblue3 #8DB6CD

lightcoral #F08080 lightskyblue4 #607B8B

lightcyan #E0FFFF lightslateblue #8470FF

lightcyan1 #E0FFFF lightslategray #778899

lightcyan2 #D1EEEE lightslategrey #778899

lightcyan3 #B4CDCD lightsteelblue #B0C4DE

lightcyan4 #7A8B8B lightsteelblue1 #CAE1FF

lightgoldenrod #EEDD82 lightsteelblue2 #BCD2EE

lightgoldenrod1 #FFEC8B lightsteelblue3 #A2B5CD

lightsteelblue4 #6E7B8B mediumseagreen #3CB371

lightyellow #FFFFE0 mediumslateblue #7B68EE

lightyellow1 #FFFFE0 mediumspringgreen #00FA9A

lightyellow2 #EEEED1 mediumturquoise #48D1CC

lightyellow3 #CDCDB4 mediumvioletred #C71585

lightyellow4 #8B8B7A midnightblue #191970

limegreen #32CD32 mintcream #F5FFFA

linen #FAF0E6 mistyrose #FFE4E1

magenta #FF00FF mistyrose1 #FFE4E1

magenta1 #FF00FF mistyrose2 #EED5D2

magenta2 #EE00EE mistyrose3 #CDB7B5

magenta3 #CD00CD mistyrose4 #8B7D7B

magenta4 #8B008B moccasin #FFE4B5

maroon #B03060 navajowhite #FFDEAD

maroon1 #FF34B3 navajowhite1 #FFDEAD

maroon2 #EE30A7 navajowhite2 #EECFA1

maroon3 #CD2990 navajowhite3 #CDB38B

maroon4 #8B1C62 navajowhite4 #8B795E

mediumaquamarine #66CDAA navy #000080

mediumblue #0000CD navyblue #000080

mediumorchid #BA55D3 oldlace #FDF5E6

mediumorchid1 #E066FF olivedrab #6B8E23

mediumorchid2 #D15FEE olivedrab1 #C0FF3E

mediumorchid3 #B452CD olivedrab2 #B3EE3A

mediumorchid4 #7A378B olivedrab3 #9ACD32

mediumpurple #9370DB olivedrab4 #698B22

mediumpurple1 #AB82FF orange #FFA500

mediumpurple2 #9F79EE orange1 #FFA500

mediumpurple3 #8968CD orange2 #EE9A00

mediumpurple4 #5D478B orange3 #CD8500

orange4 #8B5A00 peachpuff2 #EECBAD

orangered #FF4500 peachpuff3 #CDAF95

orangered1 #FF4500 peachpuff4 #8B7765

orangered2 #EE4000 peru #CD853F

orangered3 #CD3700 pink #FFC0CB

orangered4 #8B2500 pink1 #FFB5C5

orchid #DA70D6 pink2 #EEA9B8

orchid1 #FF83FA pink3 #CD919E

orchid2 #EE7AE9 pink4 #8B636C

orchid3 #CD69C9 plum #DDA0DD

orchid4 #8B4789 plum1 #FFBBFF

palegoldenrod #EEE8AA plum2 #EEAEEE

palegreen #98FB98 plum3 #CD96CD

palegreen1 #9AFF9A plum4 #8B668B

palegreen2 #90EE90 powderblue #B0E0E6

palegreen3 #7CCD7C purple #A020F0

palegreen4 #548B54 purple1 #9B30FF

paleturquoise #AFEEEE purple2 #912CEE

paleturquoise1 #BBFFFF purple3 #7D26CD

paleturquoise2 #AEEEEE purple4 #551A8B

paleturquoise3 #96CDCD red #FF0000

paleturquoise4 #668B8B red1 #FF0000

palevioletred #DB7093 red2 #EE0000

palevioletred1 #FF82AB red3 #CD0000

palevioletred2 #EE799F red4 #8B0000

palevioletred3 #CD6889 rosybrown #BC8F8F

palevioletred4 #8B475D rosybrown1 #FFC1C1

papayawhip #FFEFD5 rosybrown2 #EEB4B4

peachpuff #FFDAB9 rosybrown3 #CD9B9B

peachpuff1 #FFDAB9 rosybrown4 #8B6969

royalblue #4169E1 sgigray8 #141414

royalblue1 #4876FF sgigray12 #1E1E1E

royalblue2 #436EEE sgigray16 #282828

royalblue3 #3A5FCD sgigray20 #333333

royalblue4 #27408B sgigray24 #3D3D3D

saddlebrown #8B4513 sgigray28 #474747

salmon #FA8072 sgigray32 #515151

salmon1 #FF8C69 sgigray36 #5B5B5B

salmon2 #EE8262 sgigray40 #666666

salmon3 #CD7054 sgigray44 #707070

salmon4 #8B4C39 sgigray48 #7A7A7A

sandybrown #F4A460 sgigray52 #848484

seagreen #2E8B57 sgigray56 #8E8E8E

seagreen1 #54FF9F sgigray60 #999999

seagreen2 #4EEE94 sgigray64 #A3A3A3

seagreen3 #43CD80 sgigray68 #ADADAD

seagreen4 #2E8B57 sgigray72 #B7B7B7

seashell #FFF5EE sgigray76 #C1C1C1

seashell1 #FFF5EE sgigray80 #CCCCCC

seashell2 #EEE5DE sgigray84 #D6D6D6

seashell3 #CDC5BF sgigray88 #E0E0E0

seashell4 #8B8682 sgigray92 #EAEAEA

sgibeet #8E388E sgigray96 #F4F4F4

sgibrightgray #C5C1AA sgigray100 #FFFFFF

sgibrightgrey #C5C1AA sgigrey0 #000000

sgichartreuse #71C671 sgigrey4 #0A0A0A

sgidarkgray #555555 sgigrey8 #141414

sgidarkgrey #555555 sgigrey12 #1E1E1E

sgigray0 #000000 sgigrey16 #282828

sgigray4 #0A0A0A sgigrey20 #333333

sgigrey24 #3D3D3D sgiverydarkgrey #282828

sgigrey28 #474747 sgiverylightgray #D6D6D6

sgigrey32 #515151 sgiverylightgrey #D6D6D6

sgigrey36 #5B5B5B sienna #A0522D

sgigrey40 #666666 sienna1 #FF8247

sgigrey44 #707070 sienna2 #EE7942

sgigrey48 #7A7A7A sienna3 #CD6839

sgigrey52 #848484 sienna4 #8B4726

sgigrey56 #8E8E8E skyblue #87CEEB

sgigrey60 #999999 skyblue1 #87CEFF

sgigrey64 #A3A3A3 skyblue2 #7EC0EE

sgigrey68 #ADADAD skyblue3 #6CA6CD

sgigrey72 #B7B7B7 skyblue4 #4A708B

sgigrey76 #C1C1C1 slateblue #6A5ACD

sgigrey80 #CCCCCC slateblue1 #836FFF

sgigrey84 #D6D6D6 slateblue2 #7A67EE

sgigrey88 #E0E0E0 slateblue3 #6959CD

sgigrey92 #EAEAEA slateblue4 #473C8B

sgigrey96 #F4F4F4 slategray #708090

sgigrey100 #FFFFFF slategray1 #C6E2FF

sgilightblue #7D9EC0 slategray2 #B9D3EE

sgilightgray #AAAAAA slategray3 #9FB6CD

sgilightgrey #AAAAAA slategray4 #6C7B8B

sgimediumgray #848484 slategrey #708090

sgimediumgrey #848484 snow #FFFAFA

sgiolivedrab #8E8E38 snow1 #FFFAFA

sgisalmon #C67171 snow2 #EEE9E9

sgislateblue #7171C6 snow3 #CDC9C9

sgiteal #388E8E snow4 #8B8989

sgiverydarkgray #282828 springgreen #00FF7F

springgreen1 #00FF7F turquoise1 #00F5FF

springgreen2 #00EE76 turquoise2 #00E5EE

springgreen3 #00CD66 turquoise3 #00C5CD

springgreen4 #008B45 turquoise4 #00868B

steelblue #4682B4 violet #EE82EE

steelblue1 #63B8FF violetred #D02090

steelblue2 #5CACEE violetred1 #FF3E96

steelblue3 #4F94CD violetred2 #EE3A8C

steelblue4 #36648B violetred3 #CD3278

tan #D2B48C violetred4 #8B2252

tan1 #FFA54F wheat #F5DEB3

tan2 #EE9A49 wheat1 #FFE7BA

tan3 #CD853F wheat2 #EED8AE

tan4 #8B5A2B wheat3 #CDBA96

thistle #D8BFD8 wheat4 #8B7E66

thistle1 #FFE1FF white #FFFFFF

thistle2 #EED2EE whitesmoke #F5F5F5

thistle3 #CDB5CD yellow #FFFF00

thistle4 #8B7B8B yellow1 #FFFF00

tomato #FF6347 yellow2 #EEEE00

tomato1 #FF6347 yellow3 #CDCD00

tomato2 #EE5C42 yellow4 #8B8B00

tomato3 #CD4F39 yellowgreen #9ACD32

tomato4 #8B3626

turquoise #40E0D0

Link to this page: http://www.somacon.com/p142.php

Created 2005-03-26, Last Modified 2007-06-07, © Shailesh N. Humbad

Disclaimer: This content is provided as-is. The information may be incorrect.