Brown Coffee
#4a2c2a
Softer coffee brown, cooler and less brick-red
About Brown Coffee
Brown Coffee is what happens when you strip warmth out of a brown entirely. It's flatter than Chocolate Truffle, colder than Arcane Red, and commits to being brown in a way those others keep arguing about. There's no wine undertone waiting to surface, no red trying to peek through. Just a muted, desaturated warmth that reads immediately and doesn't negotiate.
Use this one in product photography, dark dashboards, and packaging where you need brown that feels intentional rather than accidental. It works as a full background without the suffocation you get from Bloodlust, and it pairs with nearly everything because it's not trying to own the room. Unlike Chocolate Truffle's performance anxiety or Arcane Red's refusal to soften, this one just sits there competently, the kind of color that works harder than it looks.
The thing about Brown Coffee: it disappears fastest on warm grays and beige. Keep it against white, cool neutrals, or black if you want it to register as a choice rather than default. It's not a statement color. It's the one you reach for when you need brown to actually mean brown.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.