Blowing Smoke

#d2d1d0

Cool, muted light gray for airy UI space

Save
Share

About Blowing Smoke

Blowing Smoke sits at that rare middle point where it's genuinely neutral without trying to prove it. It's lighter than , light enough that it doesn't anchor the page, but it's got actual substance, which means it doesn't feel like an accident the way near-whites do. The gray here is clean and still, no temperature drift, no warmth creeping in to complicate things.

This is the one you reach for in product interfaces, content platforms, and financial dashboards where you need a background that just works without becoming part of the conversation. It's lighter than 's restless middle ground, so it doesn't demand you lock down your accent palette. Lighter than 's earthiness too, which means it won't warm up your blacks or make your typography feel seated in anything other than white space. Type reads sharply. Imagery doesn't sink. It's the background that actually disappears.

Pair it with either cool or warm blacks and you'll get clean separation without that tense negotiation other grays ask for. It's the reliable choice, the one that doesn't have an agenda.

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
1.52:1Fail

On Gray 100 #f5f5f5

Aa
1.40:1Fail

On Gray 900 #18181b

Aa
11.62:1AAA

On Black #000000

Aa
13.77: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 Blowing Smoke

Open the generator with this color pre-loaded.

Start creating