Oceanic Noir
#172b36
Inky blue-green for subdued, high-contrast headers
About Oceanic Noir
Oceanic Noir looks like the moment a deep-blue screen goes slightly matte. It's not the inkiness of Nordic Noir, because it has a more velvety, less icy body. And it's not the withdrawn, near-black pull of Blue Whale or Black Box. This shade stays recognizably blue even at low light, but it does it with a tighter, lower-key presence.
I reach for Oceanic Noir when the panel needs to feel serious without being sealed-door dark. It works especially well in security consoles, network monitoring views, and logistics control rooms where you want dense contrast for graphs and timelines, but still want blue to show up in the UI chrome. Compared to Blue Whale, it's less lean and less murky; compared to Nordic Noir, it feels a touch more shaded than cool.
Pair it with clean whites or cool cyans for states, and keep your borders thin so the layout doesn't turn heavy against it.
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.