Espresso is a 4-colour brown, dark palette combining Onyx, Espresso, Coffee and Camel. It works especially well for dark-mode interfaces and dramatic, premium visuals, and for coffee shops, bakeries and cosy brands. The mix of hues gives you natural accent colours — pick one dominant shade and use the others sparingly.
Colour codes
Export palette
:root {
--onyx: #1c120d;
--espresso: #3b2418;
--coffee: #6b4430;
--camel: #c9a27e;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
7.84:1AAA
Aa
6.17:1AA
Aa
3.59:1AA Large
Aa
2.19:1Fail
Aa
1.72:1Fail
Aa
1.27:1Fail