FR

Free tool · color chart

Shades of Brown: 19 Brown Color Names With Hex Codes

From camel and caramel to chocolate and espresso, here are the different shades of brown, each with its name and code, and further down, every way to mix brown. Click a swatch to copy its HEX, RGB or CMYK code.

Swatch 500

Brown 500

Closest named shade: Café au lait #A67B5B

  • HEX #AE7552
  • RGB rgb(174, 117, 82)
  • CMYK 0, 33, 53, 32
  • HSL hsl(23, 36%, 50%)

Make your own shade

#AE7552 #AE7552
Open as a gradient
  • Free, no sign-up
  • Codes free to use
  • Nothing is uploaded

Light Brown Colors

Soft, warm browns: camel, café au lait, caramel and terracotta.

Medium Brown Shades

True browns, often leaning orange or red: cinnamon, ochre, copper and chestnut.

Dark Shades of Brown

Deep browns, from mahogany to chocolate, all the way to espresso and taupe.

List of Brown Color Names and Hex Codes

Every shade of brown on this page with its HEX, RGB and CMYK codes, copied in one click.

Shade HEX RGB CMYK
Camel #C19A6B rgb(193, 154, 107) 0, 20, 45, 24
Caramel #C68E5B rgb(198, 142, 91) 0, 28, 54, 22
Terracotta #E2725B rgb(226, 114, 91) 0, 50, 60, 11
Ochre #CC7722 rgb(204, 119, 34) 0, 42, 83, 20
Cinnamon #D2691E rgb(210, 105, 30) 0, 50, 86, 18
Copper #B87333 rgb(184, 115, 51) 0, 38, 72, 28
Café au lait #A67B5B rgb(166, 123, 91) 0, 26, 45, 35
Light brown #B5651D rgb(181, 101, 29) 0, 44, 84, 29
Sienna #A0522D rgb(160, 82, 45) 0, 49, 72, 37
Hazelnut #955628 rgb(149, 86, 40) 0, 42, 73, 42
Brown #964B00 rgb(150, 75, 0) 0, 50, 100, 41
Chestnut #954535 rgb(149, 69, 53) 0, 54, 64, 42
Mahogany #88421D rgb(136, 66, 29) 0, 51, 79, 47
Coffee #6F4E37 rgb(111, 78, 55) 0, 30, 50, 56
Chocolate #7B3F00 rgb(123, 63, 0) 0, 49, 100, 52
Dark brown #654321 rgb(101, 67, 33) 0, 34, 67, 60
Walnut #5D432C rgb(93, 67, 44) 0, 28, 53, 64
Taupe #483C32 rgb(72, 60, 50) 0, 17, 31, 72
Espresso #4B3621 rgb(75, 54, 33) 0, 28, 56, 71
Shades of brown chart from light to dark with hex codes
The full chart as an image: the 11 swatches and the 19 named shades, with their codes.

What Colors Make Brown?

Brown comes from mixing two opposite colors on the color wheel: red and green, blue and orange, or yellow and purple. Mixing the three primaries, red, yellow and blue, also makes brown. The amounts set the shade: more red or yellow for a warm brown, more blue for a cool, dark brown.

  • Brown (red and green)

    red + green

    Two opposite colors cancel out into brown. Equal parts give a medium brown; more red gives a warm brown.

  • Brown (blue and orange)

    blue + orange

    The other pair of opposite colors: it gives a cooler brown that leans grey.

  • Brown (three primaries)

    red + yellow + blue

    Red, yellow and blue together make brown: add yellow to lighten it, blue to darken it.

  • Light brown

    brown + a touch of yellow + white

    White to lighten, a touch of yellow to keep the brown warm rather than greyish.

  • Dark brown

    brown + a touch of blue

    A touch of blue darkens brown better than black, which quickly makes it dull.

Depending on your supplies

Colored pencils

With pencils, you don’t mix: you layer. Lay down the lightest shade in light strokes, then the darker one on top, without pressing. To lighten brown, finish with a white pencil; to darken it, add a touch of grey or of its opposite color.

Markers

Water-based markers don’t blend well: pick the right shade straight away. With alcohol markers, go over a darker shade with a lighter one while it is still wet to soften the transition.

Watercolor

Mix on the palette, not on the paper. For a lighter shade, add water rather than white: the white of the paper does the lightening.

Paint

Acrylic or gouache: always add the dark color to the light one, a little at a time. Write down the amounts so you can find your shade again.

Brown Color Palettes

Four palettes taken from the chart, ready for a coloring page or a design. Click a color to copy its code.

Printable Brown Color Chart to Color In

A printable sheet to practice with: recreate each shade of brown with colored pencils or paint, box by box.

The printable sheet

One Letter page: the numbered chart with its codes, an empty row to recreate each shade, and a strip for your tests.

Try them on a coloring page

Three shades from the chart on a real drawing: the lightest in the center, the darkest at the edge.

Want to do it by hand? Pick a drawing to print or color online.

Frequently asked questions

What two colors make brown?

Any two opposite colors: red and green, blue and orange, or yellow and purple. The three primaries together, red, yellow and blue, also make brown.

How do you make light brown?

Add white to your brown, with a touch of yellow so it stays warm. Without the yellow, lightened brown quickly turns greyish.

What is the hex code for brown?

The reference brown is #964B00, or rgb(150, 75, 0). For a softer brown, use coffee (#6F4E37) or swatch 500 of the chart.

How many shades of brown are there?

Endless: every mix makes a new shade. This page gathers the 19 best-known browns with their names, and the chart gives 11 of them, from lightest to darkest.

What colors go with brown?

Beige and cream for softness, sage green for a natural look, teal for contrast. Our brown gradients show ready-to-download examples.