Slate Muse
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#176970
Lagoon
COLOR 2
#1DAACF
Pacific Blue
COLOR 3
#699DD3
Hydrangea Blue
COLOR 4
#F8F8F6
White Smoke
COLOR 5
#233D4B
Baltic Sea
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #176970;
--color-2: #1DAACF;
--color-3: #699DD3;
--color-4: #F8F8F6;
--color-5: #233D4B;
}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
#176970 on #F8F8F66.00:1
Normal Text AA Pass
Sample Text
#176970 on #233D4B1.79:1
Large Text Only (Fail)
Sample Text
#1DAACF on #F8F8F62.56:1
Large Text Only (Fail)
Sample Text
#1DAACF on #233D4B4.19:1
Large Text Only (Pass)
Sample Text
#699DD3 on #F8F8F62.68:1
Large Text Only (Fail)
Sample Text
#699DD3 on #233D4B4.00:1
Large Text Only (Pass)