Soft Studio
pastel palette with a balanced five-color hierarchy for design use.
#Pastel#Soft#Light
COLOR 1
#A1DAC2
Seafoam Green
COLOR 2
#C6E8DF
Powder Blue
COLOR 3
#9CD0D3
Powder Blue
COLOR 4
#E2ECF2
Slate 200
COLOR 5
#F9F6F6
White Smoke
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #A1DAC2;
--color-2: #C6E8DF;
--color-3: #9CD0D3;
--color-4: #E2ECF2;
--color-5: #F9F6F6;
}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
#A1DAC2 on #E2ECF21.31:1
Large Text Only (Fail)
Sample Text
#A1DAC2 on #F9F6F61.47:1
Large Text Only (Fail)
Sample Text
#C6E8DF on #E2ECF21.09:1
Large Text Only (Fail)
Sample Text
#C6E8DF on #F9F6F61.22:1
Large Text Only (Fail)
Sample Text
#9CD0D3 on #E2ECF21.42:1
Large Text Only (Fail)
Sample Text
#9CD0D3 on #F9F6F61.58:1
Large Text Only (Fail)