Grisaille
#91979f
Mid gray veil, neutral between cool and warm
About Grisaille
Grisaille is the gray that doesn't announce itself. It sits in that narrow band where it's not quite neutral enough to disappear, but restrained enough that it won't compete for attention. There's a subtle warmth working underneath that keeps it from reading as cold or institutional, which matters when you're building interfaces where people actually need to focus.
Reach for it in design tools, productivity platforms, and content management systems where you need secondary surfaces that feel intentional. It works as a toolbar background, a panel divider, a subtle container for grouped form fields. Unlike Dusky Mood's flatness or Aluminium's saturation, Grisaille has just enough presence to define space without the weight that Dark Ages brings. It's the surface that lets your primary content stay in charge.
The thing to watch: pair it with lighter elements and it reads as protective; pair it with darker neutrals and it becomes breathing room. That's not a flaw. That's exactly why it exists.
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.