Motion Stone
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#6F3818
Sepia Tone
COLOR 2
#CD761F
Ochre
COLOR 3
#D1BD6B
Dark Khaki
COLOR 4
#F6F7F8
White Smoke
COLOR 5
#513E1D
Walnut
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #6F3818;
--color-2: #CD761F;
--color-3: #D1BD6B;
--color-4: #F6F7F8;
--color-5: #513E1D;
}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
#6F3818 on #F6F7F88.68:1
Normal Text AA Pass
Sample Text
#6F3818 on #513E1D1.10:1
Large Text Only (Fail)
Sample Text
#CD761F on #F6F7F83.15:1
Large Text Only (Pass)
Sample Text
#CD761F on #513E1D3.02:1
Large Text Only (Pass)
Sample Text
#D1BD6B on #F6F7F81.75:1
Large Text Only (Fail)
Sample Text
#D1BD6B on #513E1D5.45:1
Normal Text AA Pass