Midnight Oil
#0b0c14
Deep charcoal-blue gray for contrast-heavy UI
About Midnight Oil
Midnight Oil looks like the moment a studio wall goes from lit to "almost black," but the surface still holds a cool, steady sheen. It's a deep slate-gray with an added navy cast, so it doesn't feel like the ink-quiet near-black of Dark Rift, and it doesn't sit as evenly neutral as Dark Void or Eigengrau. Compared to those, Midnight Oil has a more deliberate color undertone and a slightly softer depth, like it's absorbing light without swallowing nuance.
I reach for it on dark mode editor surfaces and control panels where you want hierarchy to stay crisp over long sessions, especially in broadcast graphics control rooms and video post monitoring UI. It also works well in security and ops dashboards when you want chrome accents to pop without drifting "blue-tight." If you're pairing it with borders and dividers, I'd keep them a hair lighter than Eigengrau-level grays, because Midnight Oil settles the interface and makes small contrast changes feel more noticeable.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.