Urban Sky
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#451275
Indigo
COLOR 2
#8E23C9
Dark Orchid
COLOR 3
#D462DA
Medium Orchid
COLOR 4
#F7F8F7
White Smoke
COLOR 5
#451F4F
Acai Berry
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #451275;
--color-2: #8E23C9;
--color-3: #D462DA;
--color-4: #F7F8F7;
--color-5: #451F4F;
}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
#451275 on #F7F8F712.36:1
Normal Text AA Pass
Sample Text
#451275 on #451F4F1.02:1
Large Text Only (Fail)
Sample Text
#8E23C9 on #F7F8F76.10:1
Normal Text AA Pass
Sample Text
#8E23C9 on #451F4F2.07:1
Large Text Only (Fail)
Sample Text
#D462DA on #F7F8F73.01:1
Large Text Only (Pass)
Sample Text
#D462DA on #451F4F4.20:1
Large Text Only (Pass)