Soft Gray Stone
minimal palette with a balanced five-color hierarchy for design use.
#Minimal#Neutral#Clean
COLOR 1
#1D1C23
Black Spinel
COLOR 2
#50485C
Thundercloud
COLOR 3
#927E9A
English Lavender
COLOR 4
#F4F7F2
White Smoke
COLOR 5
#D9D8DC
Morning Fog
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #1D1C23;
--color-2: #50485C;
--color-3: #927E9A;
--color-4: #F4F7F2;
--color-5: #D9D8DC;
}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
#1D1C23 on #F4F7F215.64:1
Normal Text AA Pass
Sample Text
#1D1C23 on #D9D8DC11.92:1
Normal Text AA Pass
Sample Text
#50485C on #F4F7F28.02:1
Normal Text AA Pass
Sample Text
#50485C on #D9D8DC6.11:1
Normal Text AA Pass
Sample Text
#927E9A on #F4F7F23.43:1
Large Text Only (Pass)
Sample Text
#927E9A on #D9D8DC2.61:1
Large Text Only (Fail)