Powder Canvas
pastel palette with a balanced five-color hierarchy for design use.
#Pastel#Soft#Light
COLOR 1
#A3D8AF
Seafoam Green
COLOR 2
#C2EBD2
Aero Blue
COLOR 3
#9FD0C1
Opal
COLOR 4
#E3F1F2
Arctic Ice
COLOR 5
#F9F6F7
White Smoke
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #A3D8AF;
--color-2: #C2EBD2;
--color-3: #9FD0C1;
--color-4: #E3F1F2;
--color-5: #F9F6F7;
}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
#A3D8AF on #E3F1F21.39:1
Large Text Only (Fail)
Sample Text
#A3D8AF on #F9F6F71.50:1
Large Text Only (Fail)
Sample Text
#C2EBD2 on #E3F1F21.13:1
Large Text Only (Fail)
Sample Text
#C2EBD2 on #F9F6F71.21:1
Large Text Only (Fail)
Sample Text
#9FD0C1 on #E3F1F21.48:1
Large Text Only (Fail)
Sample Text
#9FD0C1 on #F9F6F71.59:1
Large Text Only (Fail)