Midnight Edition

#0c121b

Cooler, denser navy-gray for crisp night UI

Save
Share

About Midnight Edition

I keep running into a specific look on themed product screens: that blue-black hush that makes icons feel cut out of the dark. Edition is that kind of gray, but tuned to feel rather than void-like. Compared to , it holds onto more body and doesn't read as near-black ink. Compared to , 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 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
18.78:1AAA

On Gray 100 #f5f5f5

Aa
17.23:1AAA

On Gray 900 #18181b

Aa
1.06:1Fail

On Black #000000

Aa
1.12:1Fail

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Midnight Edition

Open the generator with this color pre-loaded.

Start creating