Named colors
All named colors
Every named color we know - 209 CSS, Tailwind, Material, and Bootstrap shades, grouped by family. Open any one for an OKLCH ramp and Tailwind / token exports.
Red
Orange
Yellow
- Antique White #faebd7
- Beige #f5f5dc
- Blanched Almond #ffebcd
- Bootstrap Warning #ffc107
- Champagne #f7e7ce
- Cornsilk #fff8dc
- Dark Goldenrod #b8860b
- Dark Khaki #bdb76b
- Gold #ffd700
- Goldenrod #daa520
- Khaki #f0e68c
- Lemon Chiffon #fffacd
- Light Goldenrod Yellow #fafad2
- Light Yellow #ffffe0
- Moccasin #ffe4b5
- Mustard #ffdb58
- Navajo White #ffdead
- Olive #808000
- Pale Goldenrod #eee8aa
- Papaya Whip #ffefd5
- Tailwind Yellow 500 #eab300
- Wheat #f5deb3
- Yellow #ffff00
Green
- Aquamarine #7fffd4
- Bootstrap Success #198754
- Bootstrap Teal #20c997
- Chartreuse #7fff00
- Dark Green #006400
- Dark Olive Green #556b2f
- Dark Sea Green #8fbc8f
- Forest Green #228b22
- Green #008000
- Green Yellow #adff2f
- Honeydew #f0fff0
- Lawn Green #7cfc00
- Light Green #90ee90
- Lime #00ff00
- Lime Green #32cd32
- Material Green 500 #4caf50
- Medium Aquamarine #66cdaa
- Medium Sea Green #3cb371
- Medium Spring Green #00fa9a
- Olive Drab #6b8e23
- Pale Green #98fb98
- Sea Green #2e8b57
- Seafoam #93e9be
- Spring Green #00ff7f
- Tailwind Emerald 500 #00b981
- Tailwind Emerald 600 #009669
- Tailwind Green 500 #00c65a
- Tailwind Green 600 #00a447
- Tailwind Lime 500 #83cc00
- Tailwind Lime 600 #64a300
- Yellow Green #9acd32
Teal
- Cadet Blue #5f9ea0
- Cyan #00ffff
- Dark Cyan #008b8b
- Dark Slate Gray #2f4f4f
- Dark Turquoise #00ced1
- Light Cyan #e0ffff
- Light Sea Green #20b2aa
- Material Cyan 500 #00bcd4
- Material Teal 500 #009688
- Medium Turquoise #48d1cc
- Pale Turquoise #afeeee
- Powder Blue #b0e0e6
- Tailwind Teal 500 #00b9a6
- Tailwind Teal 600 #009488
- Teal #008080
- Turquoise #40e0d0
Blue
- Blue #0000ff
- Bootstrap Info #0dcaf0
- Bootstrap Primary #0d6efd
- Cornflower Blue #6495ed
- Dark Blue #00008b
- Deep Sky Blue #00bfff
- Dodger Blue #1e90ff
- Light Blue #add8e6
- Light Sky Blue #87cefa
- Light Slate Gray #778899
- Light Steel Blue #b0c4de
- Material Blue 500 #2196f3
- Material Indigo 500 #3f51b5
- Material Light Blue 500 #03a9f4
- Medium Blue #0000cd
- Midnight Blue #191970
- Navy #000080
- Royal Blue #4169e1
- Sky Blue #87ceeb
- Slate Gray #708090
- Steel Blue #4682b4
- Tailwind Blue 500 #3280ff
- Tailwind Blue 600 #155dfc
- Tailwind Cyan 500 #00b6d4
- Tailwind Cyan 600 #0091b3
- Tailwind Gray 500 #6a7282
- Tailwind Gray 600 #4a5565
- Tailwind Indigo 500 #6260ff
- Tailwind Indigo 600 #4f39f6
- Tailwind Sky 500 #00a5ea
- Tailwind Sky 600 #0084c7
- Tailwind Slate 500 #62748e
- Tailwind Slate 600 #45556c
Indigo
- Blue Violet #8a2be2
- Bootstrap Indigo #6610f2
- Dark Orchid #9932cc
- Dark Slate Blue #483d8b
- Dark Violet #9400d3
- Indigo #4b0082
- Lavender #e6e6fa
- Material Deep Purple 500 #673ab7
- Medium Purple #9370db
- Medium Slate Blue #7b68ee
- Rebecca Purple #663399
- Slate Blue #6a5acd
- Tailwind Purple 500 #ab4eff
- Tailwind Purple 600 #9810fa
- Tailwind Violet 500 #8d56ff
- Tailwind Violet 600 #7f22fe
Purple
Pink
Brown
Gray
- Bootstrap Dark #212529
- Bootstrap Secondary #6c757d
- Dark Gray #a9a9a9
- Dim Gray #696969
- Gainsboro #dcdcdc
- Gray #808080
- Light Gray #d3d3d3
- Silver #c0c0c0
- Tailwind Neutral 500 #737373
- Tailwind Neutral 600 #525252
- Tailwind Stone 500 #79716b
- Tailwind Stone 600 #57534d
- Tailwind Zinc 500 #71717b
- Tailwind Zinc 600 #52525c