Nightfall Wave
dark palette with a balanced five-color hierarchy for design use.
#Dark#Cinematic#Premium
COLOR 1
#0A361A
British Racing Green
COLOR 2
#157162
Lagoon
COLOR 3
#992940
Guava
COLOR 4
#D9943A
Butterscotch
COLOR 5
#D5ADC6
Thistle
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #0A361A;
--color-2: #157162;
--color-3: #992940;
--color-4: #D9943A;
--color-5: #D5ADC6;
}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
#0A361A on #D9943A5.30:1
Normal Text AA Pass
Sample Text
#0A361A on #D5ADC66.83:1
Normal Text AA Pass
Sample Text
#157162 on #D9943A2.31:1
Large Text Only (Fail)
Sample Text
#157162 on #D5ADC62.98:1
Large Text Only (Fail)
Sample Text
#992940 on #D9943A3.00:1
Large Text Only (Pass)
Sample Text
#992940 on #D5ADC63.87:1
Large Text Only (Pass)