Pearl Dawn
minimal palette with a balanced five-color hierarchy for design use.
#Minimal#Neutral#Clean
COLOR 1
#21201E
Sumi Ink Black
COLOR 2
#615D43
Khaki Drab
COLOR 3
#9BA078
Artichoke
COLOR 4
#F3F3F6
Slate 100
COLOR 5
#DDDBD7
Gainsboro
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #21201E;
--color-2: #615D43;
--color-3: #9BA078;
--color-4: #F3F3F6;
--color-5: #DDDBD7;
}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
#21201E on #F3F3F614.70:1
Normal Text AA Pass
Sample Text
#21201E on #DDDBD711.77:1
Normal Text AA Pass
Sample Text
#615D43 on #F3F3F66.01:1
Normal Text AA Pass
Sample Text
#615D43 on #DDDBD74.81:1
Normal Text AA Pass
Sample Text
#9BA078 on #F3F3F62.46:1
Large Text Only (Fail)
Sample Text
#9BA078 on #DDDBD71.97:1
Large Text Only (Fail)