CSS color names
All 148 named colors you can use in CSS and HTML, with their hex codes. Choose one for its full set of values, shades and matching colors.
139 colors
Reds
Pinks
Oranges
- Papaya whip#FFEFD5
- Antique white#FAEBD7
- Blanched almond#FFEBCD
- Bisque#FFE4C4
- Peach puff#FFDAB9
- Moccasin#FFE4B5
- Navajo white#FFDEAD
- Wheat#F5DEB3
- Light salmon#FFA07A
- Burlywood#DEB887
- Dark salmon#E9967A
- Tan#D2B48C
- Sandy brown#F4A460
- Coral#FF7F50
- Peru#CD853F
- Dark orange#FF8C00
- Orange#FFA500
- Orange red#FF4500
- Goldenrod#DAA520
- Chocolate#D2691E
Browns
Yellows
Greens
- Pale green#98FB98
- Aquamarine#7FFFD4
- Light green#90EE90
- Dark sea green#8FBC8F
- Medium aquamarine#66CDAA
- Green yellow#ADFF2F
- Chartreuse#7FFF00
- Lime#00FF00
- Lime green#32CD32
- Spring green#00FF7F
- Yellow green#9ACD32
- Lawn green#7CFC00
- Medium spring green#00FA9A
- Medium sea green#3CB371
- Sea green#2E8B57
- Olive drab#6B8E23
- Forest green#228B22
- Dark olive green#556B2F
- Green#008000
- Dark green#006400
Cyans
Blues
- Light steel blue#B0C4DE
- Light sky blue#87CEFA
- Sky blue#87CEEB
- Medium slate blue#7B68EE
- Cornflower blue#6495ED
- Slate blue#6A5ACD
- Royal blue#4169E1
- Dodger blue#1E90FF
- Light slate gray#778899
- Slate gray#708090
- Blue#0000FF
- Deep sky blue#00BFFF
- Steel blue#4682B4
- Medium blue#0000CD
- Dark slate blue#483D8B
- Dark blue#00008B
- Midnight blue#191970
- Navy#000080
Purples
Whites
Grays and black
History
Where the color names come from
HTML 4 defined 16 basic color names, such as red, navy, teal and olive. CSS later added a long list of extended names taken from the X11 window system of Unix workstations, which is why there are colors like papaya whip, peach puff and lemon chiffon. The latest addition is rebecca purple, added in 2014 in memory of Rebecca Meyer, daughter of CSS pioneer Eric Meyer.
Because the lists were merged rather than designed, there are a few surprises: dark gray is lighter than gray, green is darker than lime, and some colors have two names, such as aqua and cyan.
Using color names
A color name works anywhere a color value does: color: tomato;, background: aliceblue; or border-color: teal;. To fine-tune a named color, open it here and copy its HEX, RGB, HSL or OKLCH value instead.
More tools
Pick, check and combine colors
Frequently asked questions
How many named colors does CSS have?
148. Some of them are the same color under two names: gray and grey (and the other gray shades), aqua and cyan, and fuchsia and magenta. That leaves 139 different colors, each with its own page here.
Are CSS color names case-sensitive?
No. Coral, CORAL and coral all work. Lowercase is the usual style, and that is how the names are listed here.
Do all browsers support these color names?
Yes. Every browser in use today supports all 148 names, in CSS as well as in SVG and the canvas API.
Should I use color names or hex codes?
Names are handy for quick prototypes and examples, because they are easy to read. For a real design, hex, RGB or OKLCH values give you exact control over every shade, and the names cover only a small, uneven selection of colors.
Why is dark gray lighter than gray?
Dark gray is #A9A9A9 and gray is #808080. The extended color names came from the X11 window system, where gray was lighter than the gray HTML already had. CSS kept the HTML gray, so the X11 "dark" gray ended up lighter.