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 Burnt Umber Greenish plus a touch of Indian Red. Oil coffee browns benefit from the slow drying time - glaze warm-cool transitions over an underpainting rather than mixing flat. 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.