CSS variables
:root {
--c-muted-1: #1C1210;
--c-muted-2: #302B26;
--c-muted-3: #333439;
--c-muted-4: #473B45;
--c-muted-5: #454D42;
--c-muted-6: #5B5248;
--c-muted-7: #6D6D64;
--c-muted-8: #77826B;
--c-muted-9: #809494;
--c-muted-10: #BEBEA3;
--c-muted-11: #E9E7E6;
}
About this palette
This 11-color muted palette runs from Deep Daigi White (#E9E7E6) as its lightest tone to Scandinavian Liquorice (#1C1210) as its darkest. It blends Scandinavian Liquorice, Noir, Dark Kettle Black, Eclectic Purple, Ancient Pine, Tarmac, Bonsai Trunk, Gazebo Green, Raindance, Mint Frost and Deep Daigi White into a single set you can drop straight into a UI. Of its 55 color pairings, 13 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #1C1210 on #E9E7E6 at 14.9:1.
A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.
Color breakdown
Contrast & accessibility
13 of 55 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.