Isolation
#494d55
Mid-tone gray for calm, neutral UI sections
About Isolation
Isolation is the gray you notice when a dark UI stops feeling like a void and starts feeling like a room. Compared to Deep Night, it gives off less hidden warmth and reads more neutral and controlled, not chosen on purpose. Against Abyssal, it's less cool and less recessive, so panels don't sink as far. And unlike Black Orchid, it doesn't hover with that slightly inhabited, warmer presence. It's calmer, more matter-of-fact.
I use it for base surfaces and mid-priority layers in dark-mode dashboards, newsroom CMS screens, and audio or photo editor sidebars where you need structure without stealing attention. It holds secondary text and gridlines cleanly, and it stays steady when you mix in lighter grays, unlike the grays that start to fight or wash out.
One caution: if you pair it with the warmest grays from the family, it can flatten the contrast too much. Keep accents crisp so Isolation stays crisp too.
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.