Wave Sky
ocean palette with a balanced five-color hierarchy for design use.
#Ocean#Cool#Fresh
COLOR 1
#741613
Burnt Umber
COLOR 2
#CB5920
Chocolate
COLOR 3
#DEBE68
Topaz
COLOR 4
#A2D1F5
Pastel Sky
COLOR 5
#F5F6F9
Slate 100
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #741613;
--color-2: #CB5920;
--color-3: #DEBE68;
--color-4: #A2D1F5;
--color-5: #F5F6F9;
}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
#741613 on #A2D1F56.95:1
Normal Text AA Pass
Sample Text
#741613 on #F5F6F910.41:1
Normal Text AA Pass
Sample Text
#CB5920 on #A2D1F52.60:1
Large Text Only (Fail)
Sample Text
#CB5920 on #F5F6F93.90:1
Large Text Only (Pass)
Sample Text
#DEBE68 on #A2D1F51.11:1
Large Text Only (Fail)
Sample Text
#DEBE68 on #F5F6F91.67:1
Large Text Only (Fail)