Obsidian Haze
dark palette with a balanced five-color hierarchy for design use.
#Dark#Cinematic#Premium
COLOR 1
#0B1335
Midnight Tide
COLOR 2
#2B0F77
Midnight Blue
COLOR 3
#7E962C
Wasabi Green
COLOR 4
#43D43E
Lime Green
COLOR 5
#D3CCAF
Sandstone
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #0B1335;
--color-2: #2B0F77;
--color-3: #7E962C;
--color-4: #43D43E;
--color-5: #D3CCAF;
}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
#0B1335 on #43D43E9.26:1
Normal Text AA Pass
Sample Text
#0B1335 on #D3CCAF11.24:1
Normal Text AA Pass
Sample Text
#2B0F77 on #43D43E7.46:1
Normal Text AA Pass
Sample Text
#2B0F77 on #D3CCAF9.06:1
Normal Text AA Pass
Sample Text
#7E962C on #43D43E1.71:1
Large Text Only (Fail)
Sample Text
#7E962C on #D3CCAF2.07:1
Large Text Only (Fail)