Color reference · 139 named colors

Every CSS named color, decoded.

The complete set of CSS color keywords, grouped by hue. Open any one for its HEX, RGB, HSL, HSV, CMYK and OKLCH values, WCAG contrast against black and white, its tints, shades and tones, and the harmonies that pair with it. Found the one you want? Extract a full theme →

Reds 13

#800000 Maroon #8B0000 Dark Red #A52A2A Brown #B22222 Firebrick #DC143C Crimson #FF0000 Red #CD5C5C Indian Red #FF6347 Tomato #BC8F8F Rosy Brown #FA8072 Salmon #F08080 Light Coral #FFB6C1 Light Pink #FFC0CB Pink

Oranges & browns 27

#8B4513 Saddle Brown #B8860B Dark Goldenrod #A0522D Sienna #D2691E Chocolate #DAA520 Goldenrod #FF8C00 Dark Orange #FFA500 Orange #FF4500 Orange Red #CD853F Peru #FF7F50 Coral #F4A460 Sandy Brown #D2B48C Tan #DEB887 Burlywood #E9967A Dark Salmon #FFA07A Light Salmon #F5DEB3 Wheat #FFDEAD Navajo White #FFE4B5 Moccasin #FFDAB9 Peach Puff #FFE4C4 Bisque #FFEBCD Blanched Almond #FAEBD7 Antique White #FFEFD5 Papaya Whip #FAF0E6 Linen #FDF5E6 Old Lace #FFFAF0 Floral White #FFF5EE Seashell

Yellows 12

#808000 Olive #FFD700 Gold #FFFF00 Yellow #BDB76B Dark Khaki #F0E68C Khaki #EEE8AA Pale Goldenrod #FFFACD Lemon Chiffon #FAFAD2 Light Goldenrod Yellow #F5F5DC Beige #FFF8DC Cornsilk #FFFFE0 Light Yellow #FFFFF0 Ivory

Greens 20

#006400 Dark Green #008000 Green #556B2F Dark Olive Green #228B22 Forest Green #6B8E23 Olive Drab #2E8B57 Sea Green #3CB371 Medium Sea Green #7CFC00 Lawn Green #00FA9A Medium Spring Green #7FFF00 Chartreuse #00FF00 Lime #32CD32 Lime Green #00FF7F Spring Green #9ACD32 Yellow Green #ADFF2F Green Yellow #8FBC8F Dark Sea Green #90EE90 Light Green #98FB98 Pale Green #F0FFF0 Honeydew #F5FFFA Mint Cream

Cyans & teals 18

#2F4F4F Dark Slate Gray #008080 Teal #008B8B Dark Cyan #00CED1 Dark Turquoise #20B2AA Light Sea Green #00FFFF Aqua #5F9EA0 Cadet Blue #00BFFF Deep Sky Blue #48D1CC Medium Turquoise #40E0D0 Turquoise #66CDAA Medium Aquamarine #87CEEB Sky Blue #7FFFD4 Aquamarine #ADD8E6 Light Blue #B0E0E6 Powder Blue #AFEEEE Pale Turquoise #E0FFFF Light Cyan #F0FFFF Azure

Blues 19

#000080 Navy #00008B Dark Blue #191970 Midnight Blue #483D8B Dark Slate Blue #0000CD Medium Blue #4682B4 Steel Blue #0000FF Blue #708090 Slate Gray #778899 Light Slate Gray #1E90FF Dodger Blue #4169E1 Royal Blue #6A5ACD Slate Blue #6495ED Cornflower Blue #7B68EE Medium Slate Blue #87CEFA Light Sky Blue #B0C4DE Light Steel Blue #E6E6FA Lavender #F0F8FF Alice Blue #F8F8FF Ghost White

Violets & purples 7

#4B0082 Indigo #663399 Rebecca Purple #9400D3 Dark Violet #9932CC Dark Orchid #8A2BE2 Blue Violet #BA55D3 Medium Orchid #9370DB Medium Purple

Magentas & pinks 12

#800080 Purple #8B008B Dark Magenta #C71585 Medium Violet Red #FF00FF Fuchsia #FF1493 Deep Pink #DA70D6 Orchid #DB7093 Pale Violet Red #FF69B4 Hot Pink #EE82EE Violet #DDA0DD Plum #D8BFD8 Thistle #FFF0F5 Lavender Blush

Whites, grays & blacks 11

#000000 Black #696969 Dim Gray #808080 Gray #A9A9A9 Dark Gray #C0C0C0 Silver #D3D3D3 Light Gray #DCDCDC Gainsboro #FFE4E1 Misty Rose #F5F5F5 White Smoke #FFFAFA Snow #FFFFFF White

Turn any color into a theme

Paste a URL or drop a screenshot and CSS Crème extracts a full, contrast-checked shadcn/ui palette — light & dark, one-command install.

Extract a theme → Browse palettes