Cinematic Dawn
dark palette with a balanced five-color hierarchy for design use.
#Dark#Cinematic#Premium
COLOR 1
#0C2033
Slate 800
COLOR 2
#111674
Midnight Blue
COLOR 3
#9E9323
Brass
COLOR 4
#72D042
Kiwi Fruit
COLOR 5
#D8C0A9
Burlap
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #0C2033;
--color-2: #111674;
--color-3: #9E9323;
--color-4: #72D042;
--color-5: #D8C0A9;
}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
#0C2033 on #72D0428.52:1
Normal Text AA Pass
Sample Text
#0C2033 on #D8C0A99.47:1
Normal Text AA Pass
Sample Text
#111674 on #72D0427.78:1
Normal Text AA Pass
Sample Text
#111674 on #D8C0A98.65:1
Normal Text AA Pass
Sample Text
#9E9323 on #72D0421.63:1
Large Text Only (Fail)
Sample Text
#9E9323 on #D8C0A91.81:1
Large Text Only (Fail)