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
Color Name

Color Code

Pearly Gates

#FFFFF2

Pale Olive

#FBF5E6

Ultra Pure White

#FFFFFF

Frosted Lime

#F6F9ED

White Orchid

#FDFDF0

Green Veil

#EEF3E2

Gray Cliffs

#EBECE4

Far Horizon

#ECF1EF

Plantation White

#FFFFFE

Warm Summer

#FCF6CF

Ivory Tusk

#FDFCDC

Eggshell Cream

#FEFEF2

Toasted Meringue

#F1EDC2

Light Sand

#FEFFEF

Carmel Tan

#FEF0C9

Wedding Veil

#FFFFFD

Subtle White

#FEFFF1

Warm Shadow

#FEF6E4

Sand Box

#FEF5CA

Frosted Peach

#FCF8DC

Dusted Pink

#FEEECD

Porcelain White

#FEF9ED

Light Adobe

#FFEECA

Barely Blushing

#FEEED4

Dusty Trail

#FEF1E1

Ostrich Feather

#FEF1E9

White Sail

#FFFFF3

Morning Fog

#FDF2EE

Dove Beige

#FEE0C6

General Purpose Colors

Color Name

Color Code

aliceblue

#F0F8FF

antiquewhite

#FAEBD7

antiquewhite1

#FFEFDB

antiquewhite2

#EEDFCC

antiquewhite3

#CDC0B0

antiquewhite4

#8B8378

aquamarine

#7FFFD4

aquamarine1

#7FFFD4

aquamarine2

#76EEC6

aquamarine3

#66CDAA

aquamarine4

#458B74

azure

#F0FFFF

azure1

#F0FFFF

azure2

#E0EEEE

azure3

#C1CDCD

azure4

#838B8B

beige

#F5F5DC

bisque

#FFE4C4

bisque1

#FFE4C4

bisque2

#EED5B7

bisque2

#EED5B7

bisque3

#CDB79E

bisque4

#8B7D6B

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

#40E0D0
turquoise
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.