Distant Wind Chime

#eaeff2

Soft neutral gray with airy, cool lift

Save
Share

About Distant Wind Chime

Distant Wind Chime is the gray that actually has some air in it. It sits noticeably lighter than Anti-Flash White or Chef's Hat, the kind of pale you see on a screen after your eyes adjust to a dark room. There's a whisper of warmth underneath, nothing as obvious as , but enough to keep it from feeling sterile. It's softer than pure neutral, which changes how it lands.

This one shows up well in product interfaces, design tools, and light-mode dashboards where secondary surfaces need to feel approachable rather than clinical. Sidebars, panels, disabled form states, body text backgrounds. Because it's got that touch of warmth baked in, it reads as intentional without the cool precision carries. Pair it with warm accents and the palette coheres naturally. Pair it with cool tones and you'll feel the slight temperature push, which is actually useful if you want visual hierarchy without contrast drama.

The thing: it's light enough that it needs strong text contrast to earn its keep. Surround it with near-whites and it'll blur. Anchor it with actual content colors and it becomes the surface you didn't know you needed.

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

On Gray 100 #f5f5f5

Aa
1.06:1Fail

On Gray 900 #18181b

Aa
15.29:1AAA

On Black #000000

Aa
18.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 Distant Wind Chime

Open the generator with this color pre-loaded.

Start creating