Petal Coast
pastel palette with a balanced five-color hierarchy for design use.
#Pastel#Soft#Light
COLOR 1
#DAC7A1
Sandstone
COLOR 2
#E8E2C6
Aged Parchment
COLOR 3
#CCD39C
Sage Pastel
COLOR 4
#EBF2E2
Vintage Cream
COLOR 5
#F6F6F9
Slate 50
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #DAC7A1;
--color-2: #E8E2C6;
--color-3: #CCD39C;
--color-4: #EBF2E2;
--color-5: #F6F6F9;
}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
#DAC7A1 on #EBF2E21.45:1
Large Text Only (Fail)
Sample Text
#DAC7A1 on #F6F6F91.54:1
Large Text Only (Fail)
Sample Text
#E8E2C6 on #EBF2E21.14:1
Large Text Only (Fail)
Sample Text
#E8E2C6 on #F6F6F91.21:1
Large Text Only (Fail)
Sample Text
#CCD39C on #EBF2E21.37:1
Large Text Only (Fail)
Sample Text
#CCD39C on #F6F6F91.46:1
Large Text Only (Fail)