Coffee House is a 5-colour brown, warm palette combining Linen, Tan, Mocha Mousse, Coffee and Espresso. It works especially well for coffee shops, bakeries and cosy brands. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.
Colour codes
| Colour | HEX | RGB | HSL | CMYK |
|---|---|---|---|---|
| Linen | ||||
| Tan | ||||
| Mocha Mousse | ||||
| Coffee | ||||
| Espresso |
Export palette
:root {
--linen: #eee2d9;
--tan: #d2b48c;
--mocha-mousse: #a0785a;
--coffee: #6f4e37;
--espresso: #3b2a20;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
10.74:1AAA
Aa
6.92:1AA
Aa
5.85:1AA
Aa
3.77:1AA Large
Aa
3.46:1AA Large
Aa
3.10:1AA Large
Aa
2.00:1Fail
Aa
1.89:1Fail
Aa
1.83:1Fail
Aa
1.55:1Fail