Color chart

A chart of named colors, grouped into ten color families and ordered from light to dark. Every swatch shows its name and hex code and links to a page with its RGB and HSL values, shades, matching colors and palettes. The chart samples 240 of our 923 named colors.

How to read this color chart

Colors are sorted into families by hue, the position on the color wheel: reds, oranges, yellows, greens, teals, blues, purples and pinks, plus browns (dark, muted oranges and yellows) and neutrals (whites, grays and blacks with almost no hue). Inside each family, colors run from the lightest to the darkest by perceived lightness, measured in the OKLCH color space, so a row reads as an even ramp rather than jumping about.

Click any swatch for its full color codes. To build a palette from the chart, open the palette generator and lock the colors you want, or see the colors that go with each family.

Reds

Oranges

Yellows

Greens

Teals and cyans

Blues

Purples

Pinks

Browns

Whites, grays and blacks

More color charts

Frequently asked questions

What is a color chart?

A color chart is a grid of color samples with their names or codes, used to choose and match colors. This one groups named colors by family and shows the hex code of each.

How do I find the hex code of a color on the chart?

The hex code is printed under each swatch. Click the swatch for its RGB, HSL and CMYK values too, plus shades and matching colors.

How many colors have names?

GetColors lists 923 named colors: the 148 CSS color names, common design names and names from the XKCD color survey. Browse them all on the color names page.

Why do some colors look different on my screen?

Screens differ in brightness, color settings and gamut, so the same hex code can look slightly different from one device to another. Printed colors differ more, because ink mixes differently from light.