Coastal Dawn
ocean palette with a balanced five-color hierarchy for design use.
#Ocean#Cool#Fresh
COLOR 1
#531571
Deep Amethyst
COLOR 2
#D116D6
Fuchsia 500
COLOR 3
#DB6CB1
Mulberry
COLOR 4
#A3F4AA
Granny Smith Apple
COLOR 5
#F6F9F8
White Smoke
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #531571;
--color-2: #D116D6;
--color-3: #DB6CB1;
--color-4: #A3F4AA;
--color-5: #F6F9F8;
}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
#531571 on #A3F4AA9.38:1
Normal Text AA Pass
Sample Text
#531571 on #F6F9F811.57:1
Normal Text AA Pass
Sample Text
#D116D6 on #A3F4AA3.35:1
Large Text Only (Pass)
Sample Text
#D116D6 on #F6F9F84.13:1
Large Text Only (Pass)
Sample Text
#DB6CB1 on #A3F4AA2.37:1
Large Text Only (Fail)
Sample Text
#DB6CB1 on #F6F9F82.92:1
Large Text Only (Fail)