Vanishing Point
#ddeedd
Soft gray with faint magenta tint for depth
About Vanishing Point
On my screen Vanishing Point reads like a soft mist that never quite turns white. It's very light and gray-first, with a cool, slightly silvery undertone that feels calmer than the green-leaning Hint of Green and less present than Cryo Freeze.
Compared with Distant Landscape, it doesn't carry that extra warmth or grab attention. Instead, it stays restrained, so UI panels look clean rather than "painted." I like it as the base for dashboards and finance apps-adjacent work where you want quiet structure for lots of UI states, from lab and patient history views to e-learning reading surfaces and library-style interfaces. It also holds up well behind secondary cards and empty tables.
If you pair it, keep contrast honest: go for cool grays and mid-tone text, and don't stack several pale greens, or the whole page starts drifting and losing its focus.
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.