Digital Wave
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#6D4E19
Sepia Tone
COLOR 2
#CBA221
Yellow Ochre
COLOR 3
#D4DC61
Custard
COLOR 4
#F7F7F8
White Smoke
COLOR 5
#504B1E
Antique Bronze
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #6D4E19;
--color-2: #CBA221;
--color-3: #D4DC61;
--color-4: #F7F7F8;
--color-5: #504B1E;
}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
#6D4E19 on #F7F7F87.12:1
Normal Text AA Pass
Sample Text
#6D4E19 on #504B1E1.16:1
Large Text Only (Fail)
Sample Text
#CBA221 on #F7F7F82.25:1
Large Text Only (Fail)
Sample Text
#CBA221 on #504B1E3.69:1
Large Text Only (Pass)
Sample Text
#D4DC61 on #F7F7F81.38:1
Large Text Only (Fail)
Sample Text
#D4DC61 on #504B1E6.00:1
Normal Text AA Pass