Midnight Night
dark palette with a balanced five-color hierarchy for design use.
#Dark#Cinematic#Premium
COLOR 1
#081337
Midnight Tide
COLOR 2
#2B1373
Midnight Blue
COLOR 3
#859D25
Wasabi Green
COLOR 4
#4ACE44
Lime Green
COLOR 5
#D7CDAB
Sandstone
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #081337;
--color-2: #2B1373;
--color-3: #859D25;
--color-4: #4ACE44;
--color-5: #D7CDAB;
}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
#081337 on #4ACE448.81:1
Normal Text AA Pass
Sample Text
#081337 on #D7CDAB11.40:1
Normal Text AA Pass
Sample Text
#2B1373 on #4ACE447.07:1
Normal Text AA Pass
Sample Text
#2B1373 on #D7CDAB9.15:1
Normal Text AA Pass
Sample Text
#859D25 on #4ACE441.49:1
Large Text Only (Fail)
Sample Text
#859D25 on #D7CDAB1.93:1
Large Text Only (Fail)