Butter Yellow is a 5-colour yellow, light palette combining Cream, Butter, Camel and Coffee. It works especially well for clean websites and airy product photography, 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
Export palette
:root {
--cream: #fff6c9;
--butter: #fbe8a6;
--butter-2: #f4d77d;
--camel: #c9b26b;
--coffee: #6b5e3a;
}Contrast & accessibility
WCAG contrast for each colour pairing. Use AA or AAA pairs for body text.
Aa
5.86:1AA
Aa
5.23:1AA
Aa
4.52:1AA
Aa
3.06:1AA Large
Aa
1.92:1Fail
Aa
1.71:1Fail
Aa
1.48:1Fail
Aa
1.30:1Fail
Aa
1.16:1Fail
Aa
1.12:1Fail