Brown Coffee
An intensely dark and moody espresso brown
Brown Coffee is an intensely dark, muted red with a heavy, inky presence. Because this shade is so desaturated and earthy, it works best as a moody background or a grounding accent rather than a primary color. If you are experimenting with mixing brown, the hex code #4a2c2a offers excellent contrast for white text, ensuring readability in minimalist dark mode designs.
About Brown Coffee
Dregs of cold espresso in a stovetop pot
What does brown coffee mean?
Brown coffee often brings to mind roasted beans, brewed coffee, worn leather, dry soil, and plain wood furniture. At only about a quarter brightness and low saturation, it reads as heavy, still, and muted, more ash than glow.
Where you see brown coffee
- dark roast coffee
- walnut stain
- old leather boots
- potting soil
- dark rye crust
- rusty pipe
What it works for
It works as a deep background or text color in dark interfaces, and in packaging, menus, and interiors that want an earthy tone.
What colors go with brown coffee?
Sage #9caf88The gray green cools the red brown and keeps the whole pair from feeling too warm.Cream #fffdd0A pale neutral opens up the dark swatch, the way milk lightens a dark roast.Mustard #ffdb58The saturated yellow sits next to the dull brown and pulls the eye without shouting.Dusty Pink #d58a94Both colors are low in saturation, so the pink softens the brown's heaviness.
Questions about Brown Coffee
What is the hex code for Brown Coffee?
Brown Coffee is #4a2c2a. In RGB that is rgb(74, 44, 42), in HSL hsl(4, 28%, 23%) and in CMYK 0%, 41%, 43%, 71%.
How should I use #4a2c2a in a UI design?
This deep, earthy tone works best as a primary background color for high-contrast dark mode interfaces or as a heavy footer element. Because of its inky weight, pair it with off-white or cream text to maintain strong, professional readability.
Does Brown Coffee #4a2c2a lean warm or cool?
Despite its dark, ink-like appearance, #4a2c2a carries a distinct red undertone that keeps it feeling warm and grounded. This subtle warmth prevents it from appearing sterile, making it a better choice than standard black for organic or rustic brand identities.
Is Brown Coffee readable on white or black?
Brown Coffee has a 12.46:1 contrast ratio on white and 1.68:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.