How to Make Coffee
Mid-dark warm brown - the colour of fresh-brewed filter coffee and roasted Coffea arabica beans.
Recipe: Red + Yellow + Blue (2:1:1)
Mix red, yellow, and blue in a 2:1:1 ratio. The red dominance keeps coffee warm; the equal yellow and blue components give it a slightly cool, slightly muted character that distinguishes it from chocolate (which leans warmer). Earth-pigment shortcut: burnt umber alone is approximately coffee brown - this is the fastest single-tube approach. For a deeper coffee (toward espresso), add a drop of ultramarine. For a lighter coffee (toward latte or mocha), add white and a touch of yellow ochre. Avoid black entirely; black greys coffee faster than any other adjustment.
What Is Coffee?
Coffee brown sits between chocolate and dark brown on the depth axis: darker than chestnut, lighter than dark chocolate, with a slightly muted character that distinguishes it from the high-saturation chocolate browns. Wikipedia lists coffee at #6F4E37; CSS does not have a named coffee colour, so this Wikipedia value is the practical reference. The shade is named for the colour of brewed black coffee in a clear glass (not the dry-bean roasted black, which is closer to espresso #3C2F2F or dark coffee #492000). Coffee is one of the most-mixed browns in food-related illustration and food packaging - it appears on every coffee shop branding, every dripped-coffee illustration, every Starbucks fall menu visual. The reliable mixing recipe is red + yellow + blue at 2:1:1, which produces a slightly cool, slightly dark mid-brown that lands very close to the Wikipedia coffee value. For animated coffee-cup illustration, this site recommends a slight warm shift (more red) to compensate for the cooling effect of digital screens at lower brightness.
Variations of Coffee
Espresso
#3C2F2F
Coffee base + Blue + Black (10%)
Latte
#C4A484
Coffee + Yellow Ochre + White (1:1:2)
Mocha
#956A48
Coffee + Red + Cocoa hint
Making Coffee in Different Media
Acrylic Paint
Full guide →Golden Burnt Umber is the single-tube shortcut. For more nuanced coffee, add Yellow Ochre at 10% and a touch of Ultramarine Blue. Liquitex Burnt Umber is slightly cooler; Winsor & Newton Galeria Burnt Umber sits warmer. All three work for general coffee-brown applications.
Oil Paint
Full guide →Old Holland Burned Umber (A70) plus a touch of Persian Red (Indian, A65). Note that no maker sells a greenish burnt umber - roasting the earth drives it redder, not greener, so the greenish umbers are always raw (Old Holland lists its green one as Green Umber, A310). Glaze warm-cool transitions over an underpainting rather than mixing flat, and work quickly: umbers are fast driers. The classic Old Master coffee brown uses raw umber as the underpainting then glazes burnt umber and Indian red over it.
Watercolour
Full guide →Daniel Smith Burnt Umber is the cleanest coffee single-pigment option. Layer with a touch of Quinacridone Burnt Orange for warmer coffee, or Indanthrone Blue for cooler. Avoid over-saturating - coffee brown deepens rapidly in watercolour.
Food Colouring
Full guide →For coffee buttercream: 4 drops red + 2 drops yellow + 2 drops blue + half a teaspoon of instant espresso powder dissolved in 1 teaspoon hot water. The espresso powder both flavours and colours; you can reduce the gel quantities by 50% if using espresso. AmeriColor Brown plus a drop of Royal Blue is the closest single-bottle approximation.
Common Mistakes to Avoid
- 1Calling all dark browns coffee - coffee is specifically mid-dark, not dark. Anything below 25% lightness reads as espresso or chocolate, not coffee.
- 2Using black to darken - greys the warmth out of coffee. Use burnt umber, ultramarine, or Payne's grey instead.
- 3Treating coffee like chocolate - chocolate is warmer (more red), coffee is cooler (more balanced). They are visibly different at the same value.
- 4Adding too much yellow - shifts coffee toward latte or tan rather than the slightly muted mid-dark brown of brewed coffee.
Try It in the Mixer
Caramel
RGB(199, 122, 124)
Paint mode uses an approximate RYB subtractive model. Results are a close approximation - actual pigment mixing varies by brand and opacity.
Pre-loaded with the Coffee recipe. Adjust the sliders to fine-tune.
Related Shades
Colour recipes are approximations. Real pigment mixing varies by brand, opacity, and surface. Always test on a sample first.