What color is Mocha?
Mocha is a warm, dark brown with reddish undertones, hex #6D3B07, close to the color of roasted coffee beans. The tone is deep and earthy, with enough red in it to keep it from looking flat or neutral.
What is the meaning of the color Mocha?
The port city of Mocha in Yemen gave this color its name, having exported prized arabica coffee beans across the Middle East and Europe from the 15th century onward. By the 17th century, Mocha coffee was a luxury trade good reaching European markets, and the rich brown associated with its roasted beans entered the decorative vocabulary of interiors and textiles. The color gained wider recognition as a design and fashion term in the 20th century, used by manufacturers to describe warm brown upholstery, paint, and clothing. Benjamin Moore included Mocha in its named paint palette, anchoring the term as a standard interior color reference.
What colors go with Mocha?
Colors that pair well with Mocha include:
Cream: soft, warm contrast
Terracotta: earthy tonal depth
Olive Green: grounded, natural balance
Dusty Rose: warm, gentle complement
Charcoal: strong, anchoring contrast
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #6D3B07 |
color: #6D3B07;
|
| RGB | 109, 59, 7 |
color: rgb(109, 59, 7);
|
| RGB Percentage | 43%, 23%, 3% |
color: rgb(43%, 23%, 3%);
|
| CMYK | 0%, 46%, 94%, 57% | Not supported in CSS |
| HSL | 31°, 88%, 23% |
color: hsl(31, 88%, 23%);
|
| HSV | 31°, 94%, 43% | Not supported in CSS |
| CIE-LAB | 18, 10, 17 |
color: lab(18% 10 17);
|
| Decimal | 7158535 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.mocha {
color: #6D3B07;
}
$mocha: #6D3B07;
rgb(109, 59, 7)