Home / Hairstyles / Chocolate Brown
Chocolate brown hair color
A mid-depth brown with an unmistakable cocoa-toned base, browner and lighter than espresso, without any red edge.
BeforeChocolate BrownBoth renders come from the same edit instruction HairGlam uses for this look, applied to a studio portrait. In the app the shade lands on your own photo instead.
- 12 free looks in the app
- Your face, not a model's
- Ready in seconds
Free on iPhone and iPad. 12 free looks: 4 haircuts, 4 hair colors and 4 makeup looks, no paywall in between. Or try it free in your browser.
Chocolate brown is the warm, mid-depth brown between light brown and espresso, with a cocoa base and no red edge. It flatters golden, peach and olive skin most, suits almost any cut, and is one of the easiest colors to get from a box dye or a single salon visit. Below: the three depths of chocolate brown on the same face, how it looks on different skin tones, the balayage and highlight versions, and how to keep it rich.
Two or three levels up from espresso, this is the depth at which brown starts behaving like a color rather than a near-black. The warmth reads as cocoa, sitting between the coffee flatness of espresso and the copper lean of chestnut. Under warm indoor light it looks softer and richer, and in daylight the mid-lengths lift toward milk chocolate. Warm browns shed their brown pigment first as they wash out, so it drifts orange-ward without a gloss.
- Undertonewarm. The cocoa warmth mirrors golden and peach undertones in the skin, while against very cool pink complexions it can look slightly separate from the face.
- Starting pointIt deposits directly on any natural base up to about level five or six, and anything darker than that has to come up a level or two before the warmth shows at all.
- UpkeepRefresh with a warm gloss every four to six weeks as the red-orange pigment surfaces, and expect visible regrowth within about a month on lighter natural bases.
Try Chocolate Brown on your own photo
- Add one selfie. Front on, even light, hair off your face. No account.
- Tap Chocolate Brown in Hair Colors, or any of the other 298 looks.
- See it in seconds on your own face, then save it for your stylist.
12 free looks: 4 haircuts, 4 hair colors and 4 makeup looks. No paywall in between, no account.
Milk, classic and dark chocolate brown, on one face
Chocolate brown is not one color. It is a family of warm browns that runs from a light, soft milk chocolate to a deep, glossy dark chocolate that is almost espresso at night. Here are all three on the same face, so the only thing that changes is the depth.
Colorists talk in levels, from 1 (black) to 10 (the palest blonde). That number is what decides how a chocolate brown will look on you, and how much work it takes to get there from the hair you have now.
| Shade | Level | How it reads | Easiest starting hair |
|---|---|---|---|
| Milk chocolate brown | About 6 | Light and warm, glows in daylight | Dark blonde to light brown |
| Chocolate brown | About 5 | A balanced cocoa brown, no red edge | Light to medium brown |
| Dark chocolate brown | About 3 to 4 | Deep and glossy, reads near black indoors | Almost anything, including gray |
Take the level to the salon rather than the name. "Chocolate" means a different depth on every box and in every salon, but "a warm level 5 brown" means the same thing everywhere.
Who chocolate brown hair suits
The warmth in chocolate brown is cocoa, not copper, which is why it flatters so many people. It is at its richest against golden, peach and olive skin, where the warmth in the hair repeats the warmth in the face. On very cool, pink skin the classic shade can sit slightly apart from the face, and a deeper, more neutral dark chocolate usually looks more natural. Here is chocolate brown on three different skin tones.
| Your skin | How chocolate brown reads | If you want to adjust it |
|---|---|---|
| Warm: golden, peach | The richest, most natural match | Nothing needed, or a golden gloss |
| Neutral or olive | Flattering, can look a little flat | Add caramel pieces at the face |
| Cool: pink, rosy | Can look slightly separate from the face | Go darker and more neutral, toward dark chocolate |
| Deep, warm | Soft contrast that glows in daylight | Milk chocolate or balayage for visible dimension |
Not sure which undertone you have? Our guide to hair color for your skin tone walks through the vein, jewelry and white fabric tests in two minutes. The fastest answer, though, is to put the shade on a photo of your own face and look.
Chocolate brown balayage and highlights
A flat, single-process chocolate brown can look solid in photos. Adding lighter ribbons gives it movement, and there are two ways to do that.
Balayage is painted by hand onto the surface of the hair, heaviest at the ends and fading out before the root. It grows out gently, so you can go three to four months between visits. A caramel balayage is the classic pairing, and a honey balayage takes it a step lighter.
Highlights are woven in fine sections from the root, so the brightness starts at your part. They look more even and more polished, and they show regrowth sooner, usually within six to eight weeks. Caramel highlights are the low-contrast choice that keeps the whole head reading as brown.
Chocolate brown hair dye: box or salon?
Whether chocolate brown is an easy home dye or a salon job depends almost entirely on how dark your hair is now. Dye adds color, it does not lift it, so it can only take you darker or keep you at the same level.
| Your hair now | Box dye | Salon |
|---|---|---|
| Lighter than the shade: blonde or light brown | Works well, often in one go | A single deposit color or a demi-permanent |
| About the same depth | Works, mostly adds shine and warmth | A gloss, quick and gentle |
| Darker: dark brown or black | Barely shows, if at all | Needs lifting first, then toning to chocolate |
| A lot of gray | Choose a permanent formula | Permanent color with gray coverage |
Box dye usually comes out darker than the picture on the box, and it builds up darker every time you repeat it over the lengths. If you are between two shades, choose the lighter one and color only the regrowth next time.
Keeping chocolate brown rich
Warm browns lose their brown pigment first, so a chocolate brown that looked perfect on day one drifts toward orange or red after a few weeks of washing and sun. Three habits slow that down.
- Book a gloss every four to six weeks. A warm or neutral gloss puts the cocoa back and adds shine, and it is quicker and gentler than recoloring.
- Wash cooler and less often. Hot water opens the cuticle and lets color out. A color-safe, sulfate-free shampoo two or three times a week keeps it longer.
- Use a blue shampoo once a week if it turns brassy. Blue cancels orange, which is the direction chocolate brown fades.
Cuts that show chocolate brown off
Chocolate brown looks best where the hair moves, because movement is what shows the light and dark inside one color. Soft layers, waves and face-framing pieces all catch the light better than a single blunt length.
The simplest test is still the best one: put chocolate brown on a photo of yourself, then try milk and dark chocolate next to it. The right depth is usually obvious within three tries, and it costs you nothing but a selfie.
Questions about Chocolate Brown
Which skin undertones suit Chocolate Brown?
What hair do I need to start with for Chocolate Brown?
How much upkeep does Chocolate Brown need?
Is chocolate brown hair warm or cool?
What is the difference between chocolate brown and chestnut?
Does chocolate brown cover gray hair?
How long does chocolate brown hair dye last?
Should I choose milk, classic or dark chocolate brown?
Can I try Chocolate Brown on my own photo before I dye my hair?
Guides that feature Chocolate Brown
Related shades
Espresso
Chestnut
Ash BrownCuts that carry this shade
Curtain Bangs Mid
Buzz Cut
Curly LongSee it on your own face first
Every style in this catalog renders onto a photo of you, so you are judging your own face shape and coloring rather than a model's.
Free to download. iPhone, iOS 15.1 or later.