Deep Sea Stone
ocean palette with a balanced five-color hierarchy for design use.
#Ocean#Cool#Fresh
COLOR 1
#117612
Dark Green
COLOR 2
#1CD054
Lime Green
COLOR 3
#65E1BD
Medium Aquamarine
COLOR 4
#F1A6D1
Kunzite
COLOR 5
#FAF5F5
Snow
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #117612;
--color-2: #1CD054;
--color-3: #65E1BD;
--color-4: #F1A6D1;
--color-5: #FAF5F5;
}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
#117612 on #F1A6D13.07:1
Large Text Only (Pass)
Sample Text
#117612 on #FAF5F55.37:1
Normal Text AA Pass
Sample Text
#1CD054 on #F1A6D11.09:1
Large Text Only (Fail)
Sample Text
#1CD054 on #FAF5F51.91:1
Large Text Only (Fail)
Sample Text
#65E1BD on #F1A6D11.17:1
Large Text Only (Fail)
Sample Text
#65E1BD on #FAF5F51.49:1
Large Text Only (Fail)