Marine Bloom
ocean palette with a balanced five-color hierarchy for design use.
#Ocean#Cool#Fresh
COLOR 1
#763411
Saddle Brown
COLOR 2
#D0901C
Dijon Mustard
COLOR 3
#DBE165
Custard
COLOR 4
#A6BAF1
Hydrangea Blue
COLOR 5
#F6F5FA
Ghost White
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #763411;
--color-2: #D0901C;
--color-3: #DBE165;
--color-4: #A6BAF1;
--color-5: #F6F5FA;
}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
#763411 on #A6BAF14.81:1
Normal Text AA Pass
Sample Text
#763411 on #F6F5FA8.53:1
Normal Text AA Pass
Sample Text
#D0901C on #A6BAF11.42:1
Large Text Only (Fail)
Sample Text
#D0901C on #F6F5FA2.52:1
Large Text Only (Fail)
Sample Text
#DBE165 on #A6BAF11.37:1
Large Text Only (Fail)
Sample Text
#DBE165 on #F6F5FA1.29:1
Large Text Only (Fail)