Lost in Time

#9fafbd

Cool gray-blue for clearer, less-muted layouts

Save
Share

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 's airy coolness and 's light lavender softness, it's grayer and steadier, with no pastel drift. And unlike , 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.

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
2.25:1Fail

On Gray 100 #f5f5f5

Aa
2.06:1Fail

On Gray 900 #18181b

Aa
7.88:1AAA

On Black #000000

Aa
9.34: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

#98b2b4
#9aafaf
#96b3b3
#aab5b8
#a9afaa

Create a gradient with Lost in Time

Open the generator with this color pre-loaded.

Start creating