Blackout Aura
dark palette with a balanced five-color hierarchy for design use.
#Dark#Cinematic#Premium
COLOR 1
#0B350C
British Racing Green
COLOR 2
#0F7744
Sea Green
COLOR 3
#962C65
Dark Raspberry
COLOR 4
#D45A3E
Jasper Red
COLOR 5
#D3AFD1
Pastel Lavender
Color Values & Codes
HEX · RGB · HSLBritish Racing Green
#0B350C
Sea Green
#0F7744
Dark Raspberry
#962C65
Jasper Red
#D45A3E
Pastel Lavender
#D3AFD1
Open In Design Tools
CSS Variables
:root {
--color-1: #0B350C;
--color-2: #0F7744;
--color-3: #962C65;
--color-4: #D45A3E;
--color-5: #D3AFD1;
}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
#0B350C on #D45A3E3.49:1
Large Text Only (Pass)
Sample Text
#0B350C on #D3AFD17.08:1
Normal Text AA Pass
Sample Text
#0F7744 on #D45A3E1.42:1
Large Text Only (Fail)
Sample Text
#0F7744 on #D3AFD12.89:1
Large Text Only (Fail)
Sample Text
#962C65 on #D45A3E1.87:1
Large Text Only (Fail)
Sample Text
#962C65 on #D3AFD13.80:1
Large Text Only (Pass)