Whispering Smoke

Whispering Smoke is a pale, nearly-neutral gray that carries a subtle warmth, sitting somewhere between a soft off-white and a light greige.

Its faint yellow-green undertones prevent it from feeling sterile, giving it an organic quality that feels both modern and timeless.

Whispering Smoke evokes a sense of quiet sophistication and calm. Psychologically, this light gray hue is associated with balance and intellect, creating a serene and contemplative atmosphere for any design.

Symbolically, it represents clarity and timeless elegance. Much like a soft wisp of smoke, it suggests a subtle, modern aesthetic that feels both grounding and full of potential.

Whispering Smoke (#D6D5D0) is a versatile off-white that excels as a sophisticated background, offering a softer alternative to stark white. For optimal readability, pair it with dark, rich text. It harmonizes beautifully with earthy tones, deep blues, and muted greens, creating balanced and serene interfaces. Consider it for UI cards, modals, or as a primary button's resting state in a minimalist design system.

While not as ubiquitous as pure white, similar warm grays appear in the branding of companies like Fitbit, Peloton, and Ladder. These brands often aim to project a sense of calm, focus, and premium quality, making this color family a fitting choice. Using a shade like Whispering Smoke can give a product a more distinctive and refined feel than its competitors.

To see how this color performs in practice, use the tools below. You can explore curated palettes, check contrast ratios for accessibility, and preview Whispering Smoke in real UI components from top applications.

Whispering Smoke is identified by the hex code #D6D5D0, a staple for web-based projects. To maintain color consistency across different media, you'll often need to translate this value into other formats.

Each color model serves a specific purpose. For instance, RGB is standard for digital screens, while CMYK is essential for print work. Models like HSL (Hue, Saturation, Lightness) can also offer a more intuitive way to make adjustments in your design software.

To help you get started, we’ve converted #D6D5D0 into its corresponding values for a range of popular formats. Find them listed below, ready to copy and paste directly into your projects.