Lost in Time
#9fafbd
Cool gray-blue for clearer, less-muted layouts
About Lost in Time
Lost in Time looks like a gray caught in the shade of a winter street sign, calm but not sterile. Compared to Icebreaker's airy coolness and Ethereal Mist's light lavender softness, it's grayer and steadier, with no pastel drift. And unlike Casper, which reads more like a dependable neutral with weight, this one feels slightly more muted and drawn back, like the contrast got turned down.
I use Lost in Time when I need a cool-leaning gray that still feels grounded for UI surfaces. It shows up well in dashboards and finance apps where panels, tables, and secondary cards need separation without the glare of near-white. It also works in healthcare incident logs and ops consoles, especially for dense screens where you want the one you reach for when you're trying to keep focus on data, not on the background.
Pair it with crisp whites or stronger charcoal text so it doesn't blend into neighboring grays, and watch warm accents too close to it, since the temperature shift can make them pop faster than you expect.
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.