Dark · curated
Midnight Cabinet
Midnight Cabinet is a curated cinematic, intimate, assured system designed to move from expressive brand color to dependable surface and text roles.
Color values
Midnight Cabinet Primary · primary
HEX #284B63
RGB 40, 75, 99
HSL 204°, 42%, 27%
On white 9.22:1 · on black 2.28:1
Midnight Cabinet Secondary · secondary
HEX #3C6E71
RGB 60, 110, 113
HSL 183°, 31%, 34%
On white 5.74:1 · on black 3.66:1
Midnight Cabinet Accent · accent
HEX #D9A441
RGB 217, 164, 65
HSL 39°, 67%, 55%
On white 2.25:1 · on black 9.34:1
Midnight Cabinet Background · background
HEX #181A1B
RGB 24, 26, 27
HSL 200°, 6%, 10%
On white 17.46:1 · on black 1.20:1
Midnight Cabinet Text · text
HEX #F4F1EA
RGB 244, 241, 234
HSL 42°, 31%, 94%
On white 1.13:1 · on black 18.62: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.