All 139 CSS named colors

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.

RedsOranges & brownsYellowsGreensCyans & tealsBluesPurples & violetsPinks & magentasWhites, grays & blacks

Reds 15

Oranges & browns 24

Yellows 15

Greens 20

Cyans & teals 15

Blues 22

Purples & violets 7

Pinks & magentas 12

Whites, grays & blacks 9