Mocha color: hex codes, shades and palettes

Palettes built around mocha. Click any swatch to copy its hex code.

A mid brown with a grey cast, lighter than coffee and less red than chestnut. It works where a true brown would feel heavy.

#5C4D43

#7D6557

#A07E61

#B79D86

#473929

#776139

#9F8F6A

#CAC096

#AF9B7F

#857853

#5A5737

#323725

#C8B69F

#968B7F

#6C6257

#483B2D

#4E463C

#765F3C

#868170

#ABA06F

#574C43

#7E695B

#A38972

#BFAE9F

#DABE9E

#A5998B

#896E50

#5C4C38

#56472B

#766446

#91856F

#B3A58C

#C6A290

#93847A

#7C6048

#4C453C

#58463E

#7D6A5C

#A2907C

#C2B9AA

#B79D86

#A17F5E

#76695B

#604E3C

#4C413A

#6F645B

#9A896E

#BEB190

#CDB8A7

#AD8F64

#816A46

#514A37

#B4A691

#908475

#72634F

#594226

#57463B

#776051

#9E795E

#BF967A

#493724

#6E5E4D

#A08464

#CAB091

#41322A

#6F5C4F

#9C8A80

#DCB69F

#6B4A3B

#7B6C65

#A5867A

#BEA79F

#674C3A

#7A7065

#9E9078

#BAB4A3

#AF997C

#827661

#625332

#383328

#4D3B23

#685D4A

#8E7D67

#B79F79

#413623

#676154

#979069

#C3C1A0

#D4B49D

#998B81

#765E48

#473927

#554D41

#8A6E47

#B1966C

#D1C1AA

Mocha hex, RGB, HSL and OKLCH

#7D6152

HEX: #7D6152
RGB: rgb(125, 97, 82)
HSL: hsl(21, 21%, 41%)
OKLCH: oklch(51.7% 0.043 49.6)
On white: 5.67:1
On black: 3.70:1

Shades of mocha

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Mocha on white measures 5.67:1 and on black 3.70:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.36:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:espresso, chocolate, coffee. See every shade on the colors index.

Mocha color: hex codes, shades and palettes

No mocha palettes yet

Mocha hex, RGB, HSL and OKLCH

Shades of mocha

Contrast and readability