Desert Forest
earthy palette with a balanced five-color hierarchy for design use.
#Earthy#Natural#Muted
COLOR 1
#412C5A
Acai Berry
COLOR 2
#9B3BB0
Medium Orchid
COLOR 3
#C479B1
Plum
COLOR 4
#D3CCA5
Sandstone
COLOR 5
#EBF3EA
Mint Cream
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #412C5A;
--color-2: #9B3BB0;
--color-3: #C479B1;
--color-4: #D3CCA5;
--color-5: #EBF3EA;
}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
#412C5A on #D3CCA57.47:1
Normal Text AA Pass
Sample Text
#412C5A on #EBF3EA10.70:1
Normal Text AA Pass
Sample Text
#9B3BB0 on #D3CCA53.55:1
Large Text Only (Pass)
Sample Text
#9B3BB0 on #EBF3EA5.08:1
Normal Text AA Pass
Sample Text
#C479B1 on #D3CCA51.93:1
Large Text Only (Fail)
Sample Text
#C479B1 on #EBF3EA2.76:1
Large Text Only (Fail)