Coral Night
ocean palette with a balanced five-color hierarchy for design use.
#Ocean#Cool#Fresh
COLOR 1
#701770
Deep Amethyst
COLOR 2
#D4189B
Medium Violet Red
COLOR 3
#D96D8E
Pale Violet Red
COLOR 4
#A4F3C5
Seafoam Green
COLOR 5
#F5FAF9
Unohana Deutzia White
Color Values & Codes
HEX · RGB · HSLDeep Amethyst
#701770
Medium Violet Red
#D4189B
Pale Violet Red
#D96D8E
Seafoam Green
#A4F3C5
Unohana Deutzia White
#F5FAF9
Open In Design Tools
CSS Variables
:root {
--color-1: #701770;
--color-2: #D4189B;
--color-3: #D96D8E;
--color-4: #A4F3C5;
--color-5: #F5FAF9;
}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
#701770 on #A4F3C57.92:1
Normal Text AA Pass
Sample Text
#701770 on #F5FAF99.74:1
Normal Text AA Pass
Sample Text
#D4189B on #A4F3C53.68:1
Large Text Only (Pass)
Sample Text
#D4189B on #F5FAF94.52:1
Normal Text AA Pass
Sample Text
#D96D8E on #A4F3C52.48:1
Large Text Only (Fail)
Sample Text
#D96D8E on #F5FAF93.05:1
Large Text Only (Pass)