Quiet Frame
minimal palette with a balanced five-color hierarchy for design use.
#Minimal#Neutral#Clean
COLOR 1
#231C23
Black Spinel
COLOR 2
#653F5A
Victorian Plum
COLOR 3
#98818B
Gray
COLOR 4
#F2F6F4
White Smoke
COLOR 5
#DCD8DC
Morning Fog
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #231C23;
--color-2: #653F5A;
--color-3: #98818B;
--color-4: #F2F6F4;
--color-5: #DCD8DC;
}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
#231C23 on #F2F6F415.27:1
Normal Text AA Pass
Sample Text
#231C23 on #DCD8DC11.81:1
Normal Text AA Pass
Sample Text
#653F5A on #F2F6F47.99:1
Normal Text AA Pass
Sample Text
#653F5A on #DCD8DC6.18:1
Normal Text AA Pass
Sample Text
#98818B on #F2F6F43.29:1
Large Text Only (Pass)
Sample Text
#98818B on #DCD8DC2.55:1
Large Text Only (Fail)