Sienna Frame
earthy palette with a balanced five-color hierarchy for design use.
#Earthy#Natural#Muted
COLOR 1
#3D295E
Acai Berry
COLOR 2
#8E44A8
Rebecca Purple
COLOR 3
#C973BA
Orchid
COLOR 4
#D7CDA2
Sahara Sand
COLOR 5
#EDF2EB
White Smoke
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #3D295E;
--color-2: #8E44A8;
--color-3: #C973BA;
--color-4: #D7CDA2;
--color-5: #EDF2EB;
}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
#3D295E on #D7CDA27.84:1
Normal Text AA Pass
Sample Text
#3D295E on #EDF2EB11.03:1
Normal Text AA Pass
Sample Text
#8E44A8 on #D7CDA23.71:1
Large Text Only (Pass)
Sample Text
#8E44A8 on #EDF2EB5.22:1
Normal Text AA Pass
Sample Text
#C973BA on #D7CDA21.98:1
Large Text Only (Fail)
Sample Text
#C973BA on #EDF2EB2.78:1
Large Text Only (Fail)