Coffee color: hex codes, shades and palettes

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

A dark brown, roasted rather than red. Slightly lighter and greyer than espresso, which is the darkest of the coffee browns.

#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

Coffee hex, RGB, HSL and OKLCH

#4B3621

HEX: #4B3621
RGB: rgb(75, 54, 33)
HSL: hsl(30, 39%, 21%)
OKLCH: oklch(35.1% 0.045 65.5)
On white: 11.36:1
On black: 1.85:1

Shades of coffee

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

Coffee on white measures 11.36:1 and on black 1.85: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.34: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, mocha. See every shade on the colors index.

Coffee color: hex codes, shades and palettes

No coffee palettes yet

Coffee hex, RGB, HSL and OKLCH

Shades of coffee

Contrast and readability