Valley of Tears
#d1e1e4
Mist-cool pale gray-blue for soft, weightless backgrounds
About Valley of Tears
I look at Valley of Tears and it reads like a gray mist pressed slightly warmer, not the clean cool drift you get from Northwind or Melting Point. It's light, but it holds a bit more tone, so it doesn't feel like airy wash. Compared to High Sierra's firmer cool and higher punch, this one stays quieter and softer at the same brightness.
I use it when I need light surfaces that don't tip into blue-green, especially for supply-chain and operations dashboards, admin portals, and long-form editorial pages where the background has to stay present without stealing attention. Think card shells, table headers, empty states, and the kind of settings chrome that should feel less clinical than a true cool gray but still crisp next to dark type.
Pair it with neutrals that have some depth, not near-white everywhere, because it can blend if the rest of the UI is also too thin. If you've got amber accents, Valley of Tears tends to cooperate instead of fighting the temperature.
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.