Midnight Edition
#0c121b
Cooler, denser navy-gray for crisp night UI
About Midnight Edition
I keep running into a specific look on midnight themed product screens: that blue-black hush that makes icons feel cut out of the dark. Midnight Edition is that kind of gray, but tuned to feel Midnight rather than void-like. Compared to Dark Rift, it holds onto more body and doesn't read as near-black ink. Compared to Dark Moon, it leans cooler and tighter, so the structure looks more like controlled night than soft shadow.
It's my go-to for broadcast graphics control rooms and video post interfaces where you need dense UI chrome without drifting into the bluer chill of the darker anchors. I also like it for dashboards and finance apps when the grids are heavy and you want hierarchy to feel crisp, not washed. The mood is steadier than Black Knight too, with less warmth showing through, so accents stay intentional instead of slightly browned.
Quirk: at this depth, borders and hover states need a touch more lift than you think, or the interface starts to feel glued together.
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.