Dark · curated

Espresso Club

Espresso Club is a curated roasted, unhurried, grown-up system designed to move from expressive brand color to dependable surface and text roles.

Color values

Espresso Club Primary · primary

HEX #6B4226

RGB 107, 66, 38

HSL 24°, 48%, 28%

On white 8.63:1 · on black 2.43:1

Espresso Club Secondary · secondary

HEX #A47148

RGB 164, 113, 72

HSL 27°, 39%, 46%

On white 4.17:1 · on black 5.03:1

Espresso Club Accent · accent

HEX #D9A566

RGB 217, 165, 102

HSL 33°, 60%, 63%

On white 2.20:1 · on black 9.52:1

Espresso Club Background · background

HEX #191410

RGB 25, 20, 16

HSL 27°, 22%, 8%

On white 18.28:1 · on black 1.15:1

Espresso Club Text · text

HEX #F2EAE0

RGB 242, 234, 224

HSL 33°, 41%, 91%

On white 1.19:1 · on black 17.62:1

Text contrast between these colors

WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.

Aa Sample text
15.34:1AAA
Aa Sample text
8.29:1AAA
Aa Sample text
7.24:1AAA
Aa Sample text
4.38:1Large text only
Aa Sample text
3.92:1Large text only
Aa Sample text
3.50:1Large text only
Aa Sample text
2.12:1Decorative only
Aa Sample text
2.07:1Decorative only

Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.