Valley of Tears

#d1e1e4

Mist-cool pale gray-blue for soft, weightless backgrounds

Save
Share

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 or . It's light, but it holds a bit more tone, so it doesn't feel like airy wash. Compared to '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.

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

On Gray 100 #f5f5f5

Aa
1.23:1Fail

On Gray 900 #18181b

Aa
13.16:1AAA

On Black #000000

Aa
15.60: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 Valley of Tears

Open the generator with this color pre-loaded.

Start creating