Stormy Oceans
#70818e
Cool, desaturated blue-gray for calmer panels and charts
About Stormy Oceans
Stormy Oceans reads like a cool gray caught between daylight and weather, with a slightly deeper blue undertone than the other gray-on-gray options. It feels smoother and more saturated than Serious Cloud, not as settled and heavy. And unlike Ironside's brushed-metal calm, it doesn't look worn. It has a clearer tone with more "depth" than Nocturnal, so it stays legible without turning flat.
I use it when the UI needs a measured, modern surface for filter panels and form sections in logistics and operations platforms, especially when you're sitting next to dense data and you don't want the background to go neutral-dull. It's also a strong choice for admin tools and studio-like settings in media production workflows where charts and thumbnails need a cool backdrop that still feels composed. This is the shade I reach for when you want quiet structure without that slightly drift-prone vibe you get from darker server-room grays.
Pair it with charcoal or near-black text, and keep borders a touch warmer than you'd use with steelier grays, or it can lean too chilly next to pale chrome.
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.