Coffee #6F4E37
Coffee is a medium-dark brown with hex code #6F4E37. It is warm, gently muted and a little grayer than chocolate, like strong coffee with a small splash of milk. It suggests cafés, slow mornings, leather-bound books and well-used wooden furniture.
There is no single standard coffee color. #6F4E37 is a widely used value, and 'coffee' can describe anything from espresso-dark browns to milky latte tones.
| HEX | #6F4E37 | |
|---|---|---|
| RGB | rgb(111, 78, 55) | |
| HSL | hsl(25, 34%, 33%) | |
| HSV | hsv(25, 50%, 44%) | |
| CMYK | cmyk(0%, 30%, 50%, 56%) |
Text on Coffee
White text reads better on Coffee. Ratios use the WCAG 2 formula: 4.5:1 passes AA for body text, 3:1 passes for large text.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
Colors that go with Coffee
Coffee tints and shades
Tints mix Coffee with white, shades mix it with black, in 15% steps. Copy any code, or open the tint and shade generator for a full scale.
Tints
Shades
Coffee color schemes
Color-wheel harmonies built by rotating the hue of #6F4E37 and keeping its saturation and lightness.
Complementary
Analogous
Triadic
Split complementary
Tetradic
Coffee color meaning
Coffee as a color takes its meaning from the drink and the rituals around it: mornings, conversation and a slow break in a busy day. It feels warm, social and familiar. For many people it also carries the comfort of routine.
Being a muted brown, it also carries the steadiness people link with wood and earth. It looks less sweet than chocolate brown and more grown-up, which suits studies, libraries and leather goods. It suggests patience and craft, the qualities people value in a well-made cup.
People split on coffee-toned palettes. Some find them cozy, others heavy, and much depends on what surrounds the color. Next to cream and plenty of daylight it reads as relaxed. In a dim room full of dark furniture it can start to feel dated.
How to use Coffee in design
Cafés, roasters, bookshops, barbers and furniture makers use coffee brown to look warm and established. White and cream text read well on it, and gold or copper details add a crafted touch. Avoid dark gray or black text on it, since there is little contrast. It also works as a softer replacement for black in headers and footers.
On social media, coffee tones suit cozy, autumnal feeds. In interiors, think leather armchairs, walnut shelves and woven textiles. In fashion, coffee-brown suede and knitwear make a softer alternative to black.
Palettes with Coffee tones
Curated palettes with a color close to #6F4E37.
Colors similar to Coffee
Work with Coffee
Coffee FAQ
What is the difference between coffee and chocolate brown?
Chocolate brown (#7B3F00) is redder and more saturated, with an orange undertone. Coffee (#6F4E37) is grayer and softer, so it looks more muted and earthy. Pick chocolate for indulgent, rich designs and coffee for calmer, lived-in palettes such as cafés and bookshops.
Is coffee brown warm or cool?
Coffee is a warm brown, though a muted one. Its red and green values outweigh the blue, giving it gentle warmth without much intensity. That makes it easy to pair with warm creams as well as cooler greens and blue-grays.
What does coffee brown mean in branding?
It tells customers a brand is warm, approachable and grounded. Cafés and food brands use it for obvious reasons, but it also works for bookshops, furniture and grooming products. Paired with old-fashioned fonts it can look dated, so clean modern type helps.