Shadows of Time
#018466
Muted deep blue for subdued, readable backgrounds
About Shadows of Time
I think of Shadows of Time as the teal you notice after the lights dim. It's noticeably darker and more muted than Elf and Emerald Whispers, but it stays cooler and steadier than Go Go Green's warmer lean. The result is a shade that feels like it has depth in the shadows rather than lift in the midtones.
I use it for dashboards and workflow UIs where you need interaction states that look intentional, not "friendly." Think analytics panels in fintech, data-heavy healthcare admin screens, and settings screens with stacked controls. Compared to Elf, it reads less approachable and more composed. Compared to Emerald Whispers, it's more restrained and less green-forward. Against Go Go Green, it won't drift toward a softer human warmth.
Pair it with near-black text and cool grays if you want that composed tone. On very bright whites, dial down the saturation in your design system so it doesn't feel heavy next to crisp type.
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.
