Deep Sea Studio
ocean palette with a balanced five-color hierarchy for design use.
#Ocean#Cool#Fresh
COLOR 1
#617115
Avocado 70s
COLOR 2
#7AD616
Kiwi Fruit
COLOR 3
#79DB6C
Light Green
COLOR 4
#D4A3F4
Mauve Pastel
COLOR 5
#F9F6F9
White Smoke
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #617115;
--color-2: #7AD616;
--color-3: #79DB6C;
--color-4: #D4A3F4;
--color-5: #F9F6F9;
}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
#617115 on #D4A3F42.67:1
Large Text Only (Fail)
Sample Text
#617115 on #F9F6F95.04:1
Normal Text AA Pass
Sample Text
#7AD616 on #D4A3F41.11:1
Large Text Only (Fail)
Sample Text
#7AD616 on #F9F6F91.71:1
Large Text Only (Fail)
Sample Text
#79DB6C on #D4A3F41.18:1
Large Text Only (Fail)
Sample Text
#79DB6C on #F9F6F91.61:1
Large Text Only (Fail)