Color Groups
Colors organized by visual groups – reds, blues, greens and more
CSS Colors by Group
All 148 CSS named colors organized into visual groups. This makes it easy to find the perfect shade when you know the general color family you want.
Colors within each group are arranged roughly from lightest/brightest to darkest, making it easy to pick the right intensity for your design.
🔴 Reds(9 colors)
#CD5C5C
IndianRed#CD5C5C
#F08080
LightCoral#F08080
#FA8072
Salmon#FA8072
#E9967A
DarkSalmon#E9967A
#FFA07A
LightSalmon#FFA07A
#DC143C
Crimson#DC143C
#FF0000
Red#FF0000
#B22222
FireBrick#B22222
#8B0000
DarkRed#8B0000
🌸 Pinks(6 colors)
#FFC0CB
Pink#FFC0CB
#FFB6C1
LightPink#FFB6C1
#FF69B4
HotPink#FF69B4
#FF1493
DeepPink#FF1493
#C71585
MediumVioletRed#C71585
#DB7093
PaleVioletRed#DB7093
🟠 Oranges(5 colors)
#FF7F50
Coral#FF7F50
#FF6347
Tomato#FF6347
#FF4500
OrangeRed#FF4500
#FF8C00
DarkOrange#FF8C00
#FFA500
Orange#FFA500
🟡 Yellows(11 colors)
#FFD700
Gold#FFD700
#FFFF00
Yellow#FFFF00
#FFFFE0
LightYellow#FFFFE0
#FFFACD
LemonChiffon#FFFACD
#FAFAD2
LightGoldenrodYellow#FAFAD2
#FFEFD5
PapayaWhip#FFEFD5
#FFE4B5
Moccasin#FFE4B5
#FFDAB9
PeachPuff#FFDAB9
#EEE8AA
PaleGoldenrod#EEE8AA
#F0E68C
Khaki#F0E68C
#BDB76B
DarkKhaki#BDB76B
🟢 Greens(20 colors)
#ADFF2F
GreenYellow#ADFF2F
#7FFF00
Chartreuse#7FFF00
#7CFC00
LawnGreen#7CFC00
#00FF00
Lime#00FF00
#32CD32
LimeGreen#32CD32
#98FB98
PaleGreen#98FB98
#90EE90
LightGreen#90EE90
#00FA9A
MediumSpringGreen#00FA9A
#00FF7F
SpringGreen#00FF7F
#3CB371
MediumSeaGreen#3CB371
#2E8B57
SeaGreen#2E8B57
#228B22
ForestGreen#228B22
#008000
Green#008000
#006400
DarkGreen#006400
#9ACD32
YellowGreen#9ACD32
#6B8E23
OliveDrab#6B8E23
#808000
Olive#808000
#556B2F
DarkOliveGreen#556B2F
#66CDAA
MediumAquamarine#66CDAA
#8FBC8F
DarkSeaGreen#8FBC8F
💎 Cyans(12 colors)
#00FFFF
Aqua#00FFFF
#00FFFF
Cyan#00FFFF
#E0FFFF
LightCyan#E0FFFF
#AFEEEE
PaleTurquoise#AFEEEE
#7FFFD4
Aquamarine#7FFFD4
#40E0D0
Turquoise#40E0D0
#48D1CC
MediumTurquoise#48D1CC
#00CED1
DarkTurquoise#00CED1
#20B2AA
LightSeaGreen#20B2AA
#5F9EA0
CadetBlue#5F9EA0
#008B8B
DarkCyan#008B8B
#008080
Teal#008080
🔵 Blues(15 colors)
#B0C4DE
LightSteelBlue#B0C4DE
#B0E0E6
PowderBlue#B0E0E6
#ADD8E6
LightBlue#ADD8E6
#87CEEB
SkyBlue#87CEEB
#87CEFA
LightSkyBlue#87CEFA
#00BFFF
DeepSkyBlue#00BFFF
#1E90FF
DodgerBlue#1E90FF
#6495ED
CornflowerBlue#6495ED
#4682B4
SteelBlue#4682B4
#4169E1
RoyalBlue#4169E1
#0000FF
Blue#0000FF
#0000CD
MediumBlue#0000CD
#00008B
DarkBlue#00008B
#000080
Navy#000080
#191970
MidnightBlue#191970
🟣 Purples(19 colors)
#E6E6FA
Lavender#E6E6FA
#D8BFD8
Thistle#D8BFD8
#DDA0DD
Plum#DDA0DD
#EE82EE
Violet#EE82EE
#DA70D6
Orchid#DA70D6
#FF00FF
Fuchsia#FF00FF
#FF00FF
Magenta#FF00FF
#BA55D3
MediumOrchid#BA55D3
#9370DB
MediumPurple#9370DB
#8A2BE2
BlueViolet#8A2BE2
#9400D3
DarkViolet#9400D3
#9932CC
DarkOrchid#9932CC
#8B008B
DarkMagenta#8B008B
#800080
Purple#800080
#663399
RebeccaPurple#663399
#4B0082
Indigo#4B0082
#7B68EE
MediumSlateBlue#7B68EE
#6A5ACD
SlateBlue#6A5ACD
#483D8B
DarkSlateBlue#483D8B
⬜ Whites(17 colors)
#FFFFFF
White#FFFFFF
#FFFAFA
Snow#FFFAFA
#F0FFF0
HoneyDew#F0FFF0
#F5FFFA
MintCream#F5FFFA
#F0FFFF
Azure#F0FFFF
#F0F8FF
AliceBlue#F0F8FF
#F8F8FF
GhostWhite#F8F8FF
#F5F5F5
WhiteSmoke#F5F5F5
#FFF5EE
Seashell#FFF5EE
#F5F5DC
Beige#F5F5DC
#FDF5E6
OldLace#FDF5E6
#FFFAF0
FloralWhite#FFFAF0
#FFFFF0
Ivory#FFFFF0
#FAEBD7
AntiqueWhite#FAEBD7
#FAF0E6
Linen#FAF0E6
#FFF0F5
LavenderBlush#FFF0F5
#FFE4E1
MistyRose#FFE4E1
🟤 Browns(17 colors)
#FFF8DC
Cornsilk#FFF8DC
#FFEBCD
BlanchedAlmond#FFEBCD
#FFE4C4
Bisque#FFE4C4
#FFDEAD
NavajoWhite#FFDEAD
#F5DEB3
Wheat#F5DEB3
#DEB887
BurlyWood#DEB887
#D2B48C
Tan#D2B48C
#BC8F8F
RosyBrown#BC8F8F
#F4A460
SandyBrown#F4A460
#DAA520
Goldenrod#DAA520
#B8860B
DarkGoldenrod#B8860B
#CD853F
Peru#CD853F
#D2691E
Chocolate#D2691E
#8B4513
SaddleBrown#8B4513
#A0522D
Sienna#A0522D
#A52A2A
Brown#A52A2A
#800000
Maroon#800000
⬛ Grays & Blacks(10 colors)
#DCDCDC
Gainsboro#DCDCDC
#D3D3D3
LightGray#D3D3D3
#C0C0C0
Silver#C0C0C0
#A9A9A9
DarkGray#A9A9A9
#808080
Gray#808080
#696969
DimGray#696969
#778899
LightSlateGray#778899
#708090
SlateGray#708090
#2F4F4F
DarkSlateGray#2F4F4F
#000000
Black#000000
Some colors like
Aqua/Cyan and Fuchsia/Magenta share the same hex value but have different names for historical reasons.