Stormy Sea
#6e8082
Softer, greener slate gray for calm data panels
About Stormy Sea
Stormy Sea looks like a wet harbor wall at dusk. It's gray with a cool, muted cast, but it doesn't tip as bluish as Blue Blood, and it's not warm like Classic Movie. Compared to those, this one reads a little lighter and calmer, with a lower saturation that makes it feel more "air in the room" than "color on the page."
I like Stormy Sea for dashboards and data-heavy UI where you want surfaces to stay present without pulling focus. Think logistics and shipping portals, telecom operations panels, and compliance-heavy tooling. It's also a solid choice for media workflows, like preview panels and metadata sidebars in video and photo review systems, because the tone stays steady next to deeper text.
Pair it with near-black copy and restrained accents so it doesn't blur into other grays. And if you need the same gray family to feel cooler overall, don't default to it over Blue Blood, since this one is the softer middle ground.
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.
