CSS defines 148 color keywords you can use by name in any stylesheet — from everyday values like red and white to oddballs like papayawhip, gainsboro and rebeccapurple. Nine of those keywords are alternate spellings (gray/grey and friends) that resolve to the same value, which leaves the 139 unique colors below, grouped by hue family and sorted around the color wheel.
Every swatch links to a full guide for that color: complementary, analogous and triadic palettes computed from its hue, a tints-and-shades scale, WCAG contrast ratios against black and white, a color-blindness preview, and copy-ready CSS and Tailwind snippets. If you'd rather start from a color of your own, the HueWiz picker builds the same palettes for any hex value.
Looking for a tan color code, black hex code, or a teal starting color? These are exact CSS named-color values. Open a color guide for RGB values, shades, matching palettes, and contrast examples.
#D2B48C · rgb(210, 180, 140)#000000 · rgb(0, 0, 0)#008080 · rgb(0, 128, 128)#C0C0C0 · rgb(192, 192, 192)“Light tan” is a descriptive shade, not a CSS color keyword. Compare tan, wheat (#F5DEB3), and bisque (#FFE4C4), or enter your exact hex value in the generator.
Build a palette from tan, assign surface, text, primary, secondary, and accent roles, then preview them on an interface. Check the actual pairs in the contrast checker and export a shade ramp with the Tailwind color generator. Follow the website palette guide for a worked example.
Searching for a color that isn't a CSS keyword? See hex codes, variants, palettes and website previews for Sage Green #9CAF88 · Emerald Green #50C878 · Mint Green #98FF98 · Hunter Green #355E3B · Seafoam Green #9FE2BF · Baby Blue #89CFF0 · Cobalt Blue #0047AB · Cerulean #007BA7 · Periwinkle #CCCCFF · Mauve #E0B0FF · Lilac #C8A2C8 · Eggplant #614051, and more popular color names.
#E9967A#FF4500#FF7F50#FFA07A#A0522D#8B4513#D2691E#FFF5EE#F4A460#FFDAB9#CD853F#FAF0E6#FF8C00#FFE4C4#D2B48C#DEB887#FAEBD7#FFDEAD#FFEBCD#FFEFD5#FFE4B5#FFA500#F5DEB3#FDF5E6#6B8E23#9ACD32#556B2F#ADFF2F#7CFC00#7FFF00#006400#008000#228B22#00FF00#32CD32#8FBC8F#90EE90#98FB98#F0FFF0#2E8B57#3CB371#00FF7F#F5FFFA#00FA9A#00BFFF#ADD8E6#87CEEB#87CEFA#4682B4#F0F8FF#708090#778899#1E90FF#B0C4DE#6495ED#4169E1#000080#00008B#191970#0000CD#0000FF#E6E6FA#F8F8FF#483D8B#6A5ACD#7B68EE