Nocturne Light
dark palette with a balanced five-color hierarchy for design use.
#Dark#Cinematic#Premium
COLOR 1
#370825
Cabernet
COLOR 2
#731321
Vintage Velvet Red
COLOR 3
#259D84
Teal 500
COLOR 4
#4486CE
Polaroid Film Cyan
COLOR 5
#ABD7BB
Celadon Light
Color Values & Codes
HEX · RGB · HSLCabernet
#370825
Vintage Velvet Red
#731321
Teal 500
#259D84
Polaroid Film Cyan
#4486CE
Celadon Light
#ABD7BB
Open In Design Tools
CSS Variables
:root {
--color-1: #370825;
--color-2: #731321;
--color-3: #259D84;
--color-4: #4486CE;
--color-5: #ABD7BB;
}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
#370825 on #4486CE4.53:1
Normal Text AA Pass
Sample Text
#370825 on #ABD7BB10.76:1
Normal Text AA Pass
Sample Text
#731321 on #4486CE3.01:1
Large Text Only (Pass)
Sample Text
#731321 on #ABD7BB7.14:1
Normal Text AA Pass
Sample Text
#259D84 on #4486CE1.12:1
Large Text Only (Fail)
Sample Text
#259D84 on #ABD7BB2.11:1
Large Text Only (Fail)