Motion Studio
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#72141E
Vintage Velvet Red
COLOR 2
#C42C27
Carnelian
COLOR 3
#D68B66
Raw Sienna
COLOR 4
#F6F8F9
Slate 50
COLOR 5
#4D2821
Dark Chocolate
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #72141E;
--color-2: #C42C27;
--color-3: #D68B66;
--color-4: #F6F8F9;
--color-5: #4D2821;
}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
#72141E on #F6F8F910.75:1
Normal Text AA Pass
Sample Text
#72141E on #4D28211.12:1
Large Text Only (Fail)
Sample Text
#C42C27 on #F6F8F95.28:1
Normal Text AA Pass
Sample Text
#C42C27 on #4D28212.28:1
Large Text Only (Fail)
Sample Text
#D68B66 on #F6F8F92.55:1
Large Text Only (Fail)
Sample Text
#D68B66 on #4D28214.72:1
Normal Text AA Pass