Blackout Drift
dark palette with a balanced five-color hierarchy for design use.
#Dark#Cinematic#Premium
COLOR 1
#2D3609
Kelp Forest
COLOR 2
#337214
Dark Green
COLOR 3
#6F279B
Grape Purple
COLOR 4
#CC479B
Mulberry
COLOR 5
#B4ACD6
Bluebell
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #2D3609;
--color-2: #337214;
--color-3: #6F279B;
--color-4: #CC479B;
--color-5: #B4ACD6;
}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
#2D3609 on #CC479B3.01:1
Large Text Only (Pass)
Sample Text
#2D3609 on #B4ACD65.97:1
Normal Text AA Pass
Sample Text
#337214 on #CC479B1.39:1
Large Text Only (Fail)
Sample Text
#337214 on #B4ACD62.76:1
Large Text Only (Fail)
Sample Text
#6F279B on #CC479B2.03:1
Large Text Only (Fail)
Sample Text
#6F279B on #B4ACD64.02:1
Large Text Only (Pass)