Skin Tones color palette
Skin Tones is a 5-colour warm palette combining Champagne, Tan, Camel, Sienna and Cocoa. Because the colours share a similar hue, the palette feels cohesive — use contrast in lightness to create hierarchy.
Colour codes
Export palette
:root {
--champagne: #f8d9c4;
--tan: #e6b897;
--camel: #c68863;
--sienna: #8d5524;
--cocoa: #4a2c17;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
9.44:1AAA
Aa
7.01:1AAA
Aa
4.54:1AA
Aa
4.27:1AA Large
Aa
3.37:1AA Large
Aa
2.21:1Fail
Aa
2.08:1Fail
Aa
2.05:1Fail
Aa
1.64:1Fail
Aa
1.35:1Fail