Earthy combinationsCoffee and leather

Espresso and Camel Color Combination

A near-black brown anchors a soft camel tan: high value contrast, a single warm temperature and a pair that never looks dated.

Hex codes #4E342E and #C19A6B — a coffee and leather pair with a 4.37:1 contrast ratio between the two colors.

Values for this combination

Espresso
RGB
rgb(78, 52, 46)
HSL
hsl(11, 26%, 24%)
Hex
#4E342E
Camel
RGB
rgb(193, 154, 107)
HSL
hsl(33, 41%, 59%)
Hex
#C19A6B

Contrast between Espresso and Camel

Contrast ratio 4.37:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.

AA · Normal text (≥ 4.5:1)FAIL
AA · Large text (≥ 3:1)PASS
AAA · Normal text (≥ 7:1)FAIL
AAA · Large text (≥ 4.5:1)FAIL
Aa

Camel text on a Espresso surface, at 4.37:1.

Aa

Espresso text on a Camel surface, at 4.37:1.

Where this pair works

  • Leather goods
  • Coffee brands
  • Menswear

Give Espresso (#4E342E) roughly 60% of the surface, Camel (#C19A6B) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.

A five-color set from this pair

Espresso and Camel as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.

  • Pale tint#efedebbackgrounds and large surfaces · closest to Isabelline
  • Primary#4E342Ethe dominant color · closest to Espresso
  • Secondary#C19A6Bthe accent color · closest to Camel
  • Deep shade#331e19text, borders and icons · closest to DarkSienna
  • Neutral#f6f5f4dividers and quiet surfaces · closest to WhiteSmoke

Explore Espresso and Camel on their own

More color combinations

Espresso and Camel are a coffee and leather pair: a near-black brown anchors a soft camel tan: high value contrast, a single warm temperature and a pair that never looks dated.

Frequently asked questions

Yes — this pair is used for leather goods, coffee brands, menswear. The two colors measure 4.37:1 against each other, which is enough for large text and graphics, but not for body text.

Good to know

  • Every value on this page is calculated from #4E342E and #C19A6B — nothing is hardcoded.
  • Build a longer palette out of Espresso or Camel in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

Turn Espresso and Camel into a full palette, a gradient or a set of shades — or check the pair against WCAG.

From the blog