Mocha color

Named after mocha coffee, which mixes coffee and chocolate. Its Mocha Mousse version was Pantone's Color of the Year for 2025. It's a soft, pinkish brown used a lot in cozy interiors and makeup.

Also known as: mocha mousse, mocha brown.

Mocha · #A47864

About mocha

Mocha (#A47864) is a warm, mid-tone, muted color. It belongs to the browns family. It mixes 164 red, 120 green and 100 blue (out of 255). It is mostly used in fashion, home decor, makeup.

Mocha shades and tints

From lightest to darkest. Tap a shade to copy its code.

Mocha color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Blue gray

AnalogousClose to: Rose gold, Sand

TriadicClose to: Sage green, Ultra violet

Split complementaryClose to: Teal, Steel blue

TetradicClose to: Moss green, Blue gray, Plum

Mocha color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Mocha

Analogous palette · Mocha

Complementary palette · Mocha

Triadic palette · Mocha

With neutrals palette · Mocha

With an accent palette · Mocha

Mocha contrast with text

White textContrast 3.9:1 · AA large text

Black textContrast 5.4:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --mocha: #A47864;
  --mocha-rgb: 164, 120, 100;
}
.bg { background-color: var(--mocha); }
.text { color: var(--mocha); }

Colors similar to mocha

Café au lait Old rose Tobacco brown Marsala Camel Coffee brown Rose gold Stone gray Dusty rose Khaki

Themed palettes with this color

More browns

Brown Coffee brown Chocolate brown Mahogany Chestnut Cinnamon Sepia Ochre Caramel Camel Khaki Sand Beige Nude Bronze Tobacco brown Sienna Café au lait

Frequently asked questions

What is the hex code for mocha?

The hex code for mocha is #A47864. In RGB it is rgb(164, 120, 100), in HSL hsl(19, 26%, 52%) and in CMYK 0, 27, 39, 36.

What is the complementary color of mocha?

Its complement on the color wheel is #6490A4, close to blue gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on mocha?

Use black text instead: the contrast with white is only 3.9:1, while with black it is 5.4:1.