Brown is the friendliest "hard" color in the kitchen, because you have five ways in: cocoa powder, brown gel, red plus green, orange plus blue, or a shot of espresso. Each one lands on a different brown, from baker's chocolate to warm caramel, and the swatches below are computed blends rather than eyeballed photos.
→warm baker's brown#6f4a2c
Try the blend yourself
Ratio 1 : 1 · 50 / 50
#ab9583
HEX
#ab9583
RGB
rgb(171, 149, 131)
HSL
hsl(27, 19%, 59%)
CMYK
cmyk(0%, 13%, 23%, 33%)
Blend path between your colors
color-mix(in oklab, #fffbf4 50%, #5b3a1e)
What brown actually is
Brown is dark orange. Any route that knocks the brightness out of a red-yellow color gets you there, which is why so many "different" methods land in the same family. In pigment, red and green make brown because each absorbs the other's light and what survives is a dim, warm leftover.
Tan and beige are the same story with the volume turned down: brown pulled toward white. If you are chasing tan icing, use the exact methods below with a quarter of the color and you are already there.
Five ways to get there
Every result below is computed in a perceptual color space: the swatch is the blend your
eye sees, with the HEX code next to it. Click any code to copy it.
Cocoa powder (color plus flavor)
Stir cocoa into white icing: color and chocolate flavor arrive together, no dye involved.
white icingcocoa powder→Silver
One to two tablespoons per cup of icing for color; add more for intensity and dial the powdered sugar back a little to compensate.
Brown gel coloring
The most controllable route: brown gel in white icing, adjustable drop by drop.
white icingbrown gel→Linen
One drop per cup lands caramel; two to three gets you chocolate. Wilton Brown and Americolor Chocolate Brown are the common tubes. Dutch-process cocoa and brown gel mix cleanly if you use both.
Red plus green gels
The color-theory answer: two complementary gels cancel each other into brown.
white icingred gelgreen gel→Gainsboro
Red pigment absorbs green light and green pigment absorbs red; what reflects back is a muted, warm brown. Keep the two gels roughly equal or the mix leans brick or olive.
Orange plus blue gels
The other complementary pair: orange with a shorter shot of blue for a walnut brown.
white icingorange gelblue gel→Linen
Blue is strong, so it gets half the orange's amount. Lean blue and you slide toward gray; lean orange and it reads caramel.
Espresso (the mocha route)
Instant espresso dissolved into white icing: flavor-first brown for grown-up desserts.
white icingespresso→Light Gray
Dissolve the instant powder in a few drops of water first so it streaks less. Two teaspoons per cup gives a mocha tan; combine with the cocoa method for a serious coffee brown.
Practical tips
Tan is just shy brown.For tan icing, take any method above and use a quarter of the color, or extend your brown icing with plain white. Tan, beige and brown are one family; only the white content changes.
Brown deepens as royal icing dries.Pipe a test stroke on parchment and give it 20 minutes before you judge the color. Dried royal runs noticeably darker and warmer than it looks in the bowl.
Match the brown to the job.Gingerbread men want a warm red-leaning brown (more red gel); chocolate sandwich cookies want the dark cocoa end. Pick the method by flavor first, then fine-tune with gel.
Frequently asked questions
What two colors make brown icing?
Red plus green, or orange plus blue: complementary pigments each absorb the other's light and what is left is brown. The no-dye answer is cocoa powder. Each route lands on a slightly different brown, from caramel to baker's chocolate.
How do you make brown frosting without brown food coloring?
Cocoa powder is the standard answer: one to two tablespoons per cup colors and flavors at once. The backup is red plus green gel in equal amounts, which mixes the brown by subtraction.
What colors make tan icing?
The same ones as brown, in smaller doses: brown is dark orange, and tan is that same brown pulled toward white. Use a quarter of the gel, or mix finished brown icing with more plain white icing until it reads tan.
Why does my brown icing look gray?
Too many pigments stacked: once blue, green and red all pile up, they absorb everything and the mix goes flat gray. Start over from white base and build the brown with one route instead of patching three.
How much cocoa should I use per cup of icing?
One tablespoon per cup for a milk-chocolate brown, two for dark. Beyond that the icing thickens and turns dusty; trade a spoonful of powdered sugar for the extra cocoa rather than adding liquid.