Ashen Whisper
#646b7a
Soft cool gray for calm, secondary surfaces
About Ashen Whisper
Ashen Whisper sits lighter than both Abandoned Spaceship and Beautiful Darkness, which means it actually has room to breathe. It's not trying to anchor anything or disappear into the background, it's got enough lightness that it reads as deliberate, almost calm. The undertone stays cool but never clinical, slightly warmer than the architectural chill of those darker neighbors.
Reach for this one in healthcare interfaces, productivity apps, and fintech dashboards where you need a secondary surface that doesn't feel heavy or technical. It's the background layer that lets content sit comfortably without fighting for attention. Unlike Batman's flatness or Beautiful Darkness's muted weight, this one has actual presence without demanding it. Form backgrounds, card layers, disabled states, anywhere you need something that feels chosen but not loud.
The trade: it can wash out next to very light neutrals, so pair it with deeper text or richer accents to keep definition. But if you're building a softer, more approachable interface system, this is the gray that actually works harder than it looks.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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.
Community palettes
Published palettes that include this color.