Slate Haze
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#13742F
Tokiwa Evergreen
COLOR 2
#25C669
Emerald Green
COLOR 3
#64D8B8
Medium Aquamarine
COLOR 4
#F8F7F7
White Smoke
COLOR 5
#204E3A
Alexandrite
Color Values & Codes
HEX · RGB · HSLTokiwa Evergreen
#13742F
Emerald Green
#25C669
Medium Aquamarine
#64D8B8
White Smoke
#F8F7F7
Alexandrite
#204E3A
Open In Design Tools
CSS Variables
:root {
--color-1: #13742F;
--color-2: #25C669;
--color-3: #64D8B8;
--color-4: #F8F7F7;
--color-5: #204E3A;
}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
#13742F on #F8F7F75.51:1
Normal Text AA Pass
Sample Text
#13742F on #204E3A1.61:1
Large Text Only (Fail)
Sample Text
#25C669 on #F8F7F72.10:1
Large Text Only (Fail)
Sample Text
#25C669 on #204E3A4.23:1
Large Text Only (Pass)
Sample Text
#64D8B8 on #F8F7F71.63:1
Large Text Only (Fail)
Sample Text
#64D8B8 on #204E3A5.45:1
Normal Text AA Pass