Magnetic
#b2b5af
Muted warm-neutral gray with magnetic steadiness
About Magnetic
On my desk, Magnetic reads like a gray that got just enough daylight to stop feeling flat. It's a steadier midlight neutral than Greystone, with none of that beige warmth that makes Greystone feel warmer than its neighbors. Compared to Irish Moor, it's less cool and less softly desaturated, so it doesn't hold quite the same calm, quiet distance. And unlike Alpine Air, it skips the faint green pulse and lands closer to a muted, neutral gray.
I use Magnetic for editorial layouts and reading-heavy UI where you want long-form content to feel easy, not warm or chilly. Think documentation sites, research portals, and admin screens in healthcare or government where the background needs to stay dependable while type stays crisp. It's also a good fit for dashboards and finance apps when you're trying to reduce visual temperature without turning the page into something sterile.
Pair it with darker text and controlled accents. If you bring in very cool, high-chroma colors, Magnetic can look a little off to the side compared to the cleaner cool grays in the set.
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.