Mocha Mousse is a 4-colour brown, pink palette combining Mocha Mousse, Dusty Rose, Oat and Walnut. It works especially well for coffee shops, bakeries and cosy brands, and for on-trend social content, packaging and brand refreshes. 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 |
|---|---|---|---|---|
| Mocha Mousse | ||||
| Dusty Rose | ||||
| Oat | ||||
| Walnut |
Export palette
:root {
--mocha-mousse: #a47864;
--dusty-rose: #c49a85;
--oat: #e3c5b3;
--walnut: #5c4033;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
5.77:1AA
Aa
3.72:1AA Large
Aa
2.44:1Fail
Aa
2.37:1Fail
Aa
1.55:1Fail
Aa
1.52:1Fail