Urban Sky
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#6D1928
Pomegranate
COLOR 2
#CB2129
Zinnia Scarlet
COLOR 3
#DC8061
Coral Reef
COLOR 4
#F7F8F8
White Smoke
COLOR 5
#50221E
Pinot Noir
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #6D1928;
--color-2: #CB2129;
--color-3: #DC8061;
--color-4: #F7F8F8;
--color-5: #50221E;
}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
#6D1928 on #F7F8F810.85:1
Normal Text AA Pass
Sample Text
#6D1928 on #50221E1.15:1
Large Text Only (Fail)
Sample Text
#CB2129 on #F7F8F85.21:1
Normal Text AA Pass
Sample Text
#CB2129 on #50221E2.38:1
Large Text Only (Fail)
Sample Text
#DC8061 on #F7F8F82.70:1
Large Text Only (Fail)
Sample Text
#DC8061 on #50221E4.60:1
Normal Text AA Pass