Dark · curated
Saffron Noir
Saffron Noir is a curated gold on black, ceremonial, bold system designed to move from expressive brand color to dependable surface and text roles.
Color values
Saffron Noir Primary · primary
HEX #12100E
RGB 18, 16, 14
HSL 30°, 13%, 6%
On white 18.98:1 · on black 1.11:1
Saffron Noir Secondary · secondary
HEX #5A3E1B
RGB 90, 62, 27
HSL 33°, 54%, 23%
On white 9.81:1 · on black 2.14:1
Saffron Noir Accent · accent
HEX #F2B705
RGB 242, 183, 5
HSL 45°, 96%, 48%
On white 1.82:1 · on black 11.55:1
Saffron Noir Background · background
HEX #12100E
RGB 18, 16, 14
HSL 30°, 13%, 6%
On white 18.98:1 · on black 1.11:1
Saffron Noir Text · text
HEX #F2B705
RGB 242, 183, 5
HSL 45°, 96%, 48%
On white 1.82:1 · on black 11.55:1
Text contrast between these colors
WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.