Grisaille

#91979f

Mid gray veil, neutral between cool and warm

Save
Share

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 's saturation, Grisaille has just enough presence to define space without the weight that 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.94:1Fail

On Gray 100 #f5f5f5

Aa
2.70:1Fail

On Gray 900 #18181b

Aa
6.02:1AAAAA Large

On Black #000000

Aa
7.13:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Grisaille

Open the generator with this color pre-loaded.

Start creating