Clear Night
modern palette with a balanced five-color hierarchy for design use.
#Modern#Clean#UI
COLOR 1
#163871
Kon Navy
COLOR 2
#1B48D1
Majorelle Blue
COLOR 3
#6D68D5
Slate Blue
COLOR 4
#F8F9F6
White Smoke
COLOR 5
#22274C
Royal Sapphire
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #163871;
--color-2: #1B48D1;
--color-3: #6D68D5;
--color-4: #F8F9F6;
--color-5: #22274C;
}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
#163871 on #F8F9F610.81:1
Normal Text AA Pass
Sample Text
#163871 on #22274C1.26:1
Large Text Only (Fail)
Sample Text
#1B48D1 on #F8F9F66.87:1
Normal Text AA Pass
Sample Text
#1B48D1 on #22274C1.98:1
Large Text Only (Fail)
Sample Text
#6D68D5 on #F8F9F64.33:1
Large Text Only (Pass)
Sample Text
#6D68D5 on #22274C3.14:1
Large Text Only (Pass)