Brume
#c6c6c2
Neutral mist gray, cooler than concrete, flatter than argento
About Brume
Brume is the gray that sits between decisions. It's lighter than Concrete, warmer than Chrome White, and somehow both at once, which means it doesn't lean hard in either direction. You'll notice it wants to play neutral without actually disappearing, and that's the useful thing about it. It has just enough presence to structure a page without the cool tension that makes Concrete feel intentional or the airiness that lets Chrome White dissolve into the background.
Reach for it in long-form interfaces and editorial layouts where you need something substantial but not severe. Dense reading platforms, SaaS dashboards, content tools, anywhere the gray itself shouldn't be the story but also shouldn't get out of the way apologetically. It pairs clean with black type and holds photography without fussiness, and unlike Argento, there's actual warmth here, just restrained enough that it won't drift under different lighting.
The quirk: pair it with cool accents and it reads measured. Push saturated or warm colors against it and you might feel a slight temperature pull, but it's the kind of tension that actually works in some layouts, not hostile, just asking you to make a choice about your palette.
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.