Dune Garden
earthy palette with a balanced five-color hierarchy for design use.
#Earthy#Natural#Muted
COLOR 1
#5F4727
Walnut
COLOR 2
#AAA342
Brass
COLOR 3
#AACA72
Granny Smith Apple
COLOR 4
#A9CFCE
Opal
COLOR 5
#EBEBF2
Slate 200
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #5F4727;
--color-2: #AAA342;
--color-3: #AACA72;
--color-4: #A9CFCE;
--color-5: #EBEBF2;
}Role-Based WCAG Contrast Audit
Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:
Sample Text
#5F4727 on #A9CFCE5.17:1
Normal Text AA Pass
Sample Text
#5F4727 on #EBEBF27.32:1
Normal Text AA Pass
Sample Text
#AAA342 on #A9CFCE1.56:1
Large Text Only (Fail)
Sample Text
#AAA342 on #EBEBF22.20:1
Large Text Only (Fail)
Sample Text
#AACA72 on #A9CFCE1.10:1
Large Text Only (Fail)
Sample Text
#AACA72 on #EBEBF21.55:1
Large Text Only (Fail)