Smoke and Mirrors

#d9e6e8

Save

About Smoke and Mirrors

Smoke and Mirrors looks like the light you see through a frosted window, but with less blue than Northwind and less "just-air" lift than Airy. It's a gray that holds its shape at a higher value than most workhorse neutrals, yet it doesn't turn thin or nearly-white. Compared to Castle in the Sky, it feels a touch more restrained in saturation, so it reads calmer and less deliberate.

I use it when you want pale structure: panel headers, form surfaces, and empty-state canvases in dashboards and healthcare interfaces where everything needs to feel clean but not antiseptic. It also behaves well in admin UIs and reporting screens, where dense typography needs a quiet background that won't steal attention. Pair it with cooler grays for depth, but it will stay neutral even when your accents skew slightly warm.

One note: against pure white, Smoke and Mirrors looks more "fogged" than airy. If your design needs maximum openness, bump the surrounding whites a step first and keep this shade for the secondary layers.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Create a gradient with Smoke and Mirrors

Open the generator with this color pre-loaded.

Start creating