Smoke and Mirrors
#d9e6e8
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.
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.
Create a gradient with Smoke and Mirrors
Open the generator with this color pre-loaded.
Start creating