Smoke and Mirrors

#d9e6e8

Icy gray-cyan tint with muted reflective lift

Save
Share

About Smoke and Mirrors

Smoke and Mirrors looks like the light you see through a frosted window, but with less blue than and less "just-air" lift than . 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 , 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 . 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

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.28:1Fail

On Gray 100 #f5f5f5

Aa
1.17:1Fail

On Gray 900 #18181b

Aa
13.86:1AAA

On Black #000000

Aa
16.43: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

#dae6e9
#d8e4e7
#dae3e7
#dce3e4
#dde3e7

Create a gradient with Smoke and Mirrors

Open the generator with this color pre-loaded.

Start creating