Obsidian Haze
dark palette with a balanced five-color hierarchy for design use.
#Dark#Cinematic#Premium
COLOR 1
#0B341E
British Racing Green
COLOR 2
#10756D
Lagoon
COLOR 3
#942E3B
Guava
COLOR 4
#D29840
Imperial Topaz
COLOR 5
#D9A8C3
Nadeshiko Pink
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #0B341E;
--color-2: #10756D;
--color-3: #942E3B;
--color-4: #D29840;
--color-5: #D9A8C3;
}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
#0B341E on #D298405.45:1
Normal Text AA Pass
Sample Text
#0B341E on #D9A8C36.78:1
Normal Text AA Pass
Sample Text
#10756D on #D298402.19:1
Large Text Only (Fail)
Sample Text
#10756D on #D9A8C32.73:1
Large Text Only (Fail)
Sample Text
#942E3B on #D298403.06:1
Large Text Only (Pass)
Sample Text
#942E3B on #D9A8C33.81:1
Large Text Only (Pass)