Stormy Oceans

#70818e

Cool, desaturated blue-gray for calmer panels and charts

Save
Share

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 , not as settled and heavy. And unlike 's brushed-metal calm, it doesn't look worn. It has a clearer tone with more "depth" than , 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.

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
4.02:1FailAA Large

On Gray 100 #f5f5f5

Aa
3.69:1FailAA Large

On Gray 900 #18181b

Aa
4.40:1FailAA Large

On Black #000000

Aa
5.22:1AAAAA Large

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 Stormy Oceans

Open the generator with this color pre-loaded.

Start creating