Soft Gray Studio
minimal palette with a balanced five-color hierarchy for design use.
#Minimal#Neutral#Clean
COLOR 1
#201E22
Black Spinel
COLOR 2
#604262
Dusk Purple
COLOR 3
#948591
Gray
COLOR 4
#F3F6F3
White Smoke
COLOR 5
#DBD6DE
Morning Fog
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #201E22;
--color-2: #604262;
--color-3: #948591;
--color-4: #F3F6F3;
--color-5: #DBD6DE;
}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
#201E22 on #F3F6F315.18:1
Normal Text AA Pass
Sample Text
#201E22 on #DBD6DE11.56:1
Normal Text AA Pass
Sample Text
#604262 on #F3F6F37.86:1
Normal Text AA Pass
Sample Text
#604262 on #DBD6DE5.99:1
Normal Text AA Pass
Sample Text
#948591 on #F3F6F33.20:1
Large Text Only (Pass)
Sample Text
#948591 on #DBD6DE2.44:1
Large Text Only (Fail)