Digital Wave
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#186F33
Tokiwa Evergreen
COLOR 2
#1FCD6C
Emerald Green
COLOR 3
#6BD1B7
Medium Aquamarine
COLOR 4
#F8F6F7
White Smoke
COLOR 5
#1D513B
Alexandrite
Color Values & Codes
HEX · RGB · HSLTokiwa Evergreen
#186F33
Emerald Green
#1FCD6C
Medium Aquamarine
#6BD1B7
White Smoke
#F8F6F7
Alexandrite
#1D513B
Open In Design Tools
CSS Variables
:root {
--color-1: #186F33;
--color-2: #1FCD6C;
--color-3: #6BD1B7;
--color-4: #F8F6F7;
--color-5: #1D513B;
}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
#186F33 on #F8F6F75.81:1
Normal Text AA Pass
Sample Text
#186F33 on #1D513B1.47:1
Large Text Only (Fail)
Sample Text
#1FCD6C on #F8F6F71.95:1
Large Text Only (Fail)
Sample Text
#1FCD6C on #1D513B4.37:1
Large Text Only (Pass)
Sample Text
#6BD1B7 on #F8F6F71.71:1
Large Text Only (Fail)
Sample Text
#6BD1B7 on #1D513B4.99:1
Normal Text AA Pass