Ethereal Mist
#b0b8cc
Subtly cool, low-saturation mist-gray for soft UI panels
About Ethereal Mist
Ethereal Mist reads lighter and softer than Arctic Ice, but it's not trying to disappear the way Herring Silver does. There's a gentle lavender undertone underneath, not enough to feel purple, just enough to keep it from reading as pure, flat gray. It's the kind of color that sits comfortably without announcing itself.
Use it for secondary surfaces in dashboards, healthcare platforms, and design tools where you need a background that feels approachable without being warm. Card backgrounds, disabled states, input fields, the surfaces that shouldn't compete with your content but also shouldn't vanish. It's got enough substance to create hierarchy, but the softness keeps layouts from feeling clinical or cold.
Pair it with cool or neutral accents without worry. The difference from Cosmic: this one won't feel precious or stylized. The difference from Herring Silver: it's got enough personality that it actually feels intentional, not just "whatever was neutral enough."
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.