Skip to the color picker

CSS color names

All 148 named colors from the CSS specification, grouped by hue and sorted from light to dark. Click a name or a HEX value to copy it.

Red

Rose

Pink

Magenta

  • same as magenta

  • same as fuchsia

Purple

Violet

Indigo

Blue

  • same as lightslategrey

  • same as lightslategray

  • same as slategrey

  • same as slategray

Sky blue

Cyan

  • same as cyan

  • same as aqua

  • same as darkslategrey

  • same as darkslategray

Teal

Emerald

Green

Lime

Yellow

Amber

Orange

Brown

Beige

White

Gray

  • same as lightgrey

  • same as lightgray

  • same as darkgrey

  • same as darkgray

  • same as grey

  • same as gray

  • same as dimgrey

  • same as dimgray

Black

Questions and answers

How many named colors does CSS have?

CSS Color 4 defines 148 named colors, from aliceblue to yellowgreen. A few are synonyms that share one value, such as gray and grey or aqua and cyan. There are also the keywords transparent and currentcolor, which are not fixed colors.

Are gray and grey the same in CSS?

Yes. Every gray name has a grey spelling with exactly the same value, for example darkgray and darkgrey are both #a9a9a9. Note that darkgray is lighter than gray, a quirk inherited from the X11 color list.

Should I use color names in production CSS?

Named colors work in every browser, so they are fine for prototypes, demos and one-off styles. For a product, prefer your own tokens in OKLCH or HEX: they are easier to adjust as a scale and to keep consistent across themes.