Tardis Blue
#003b6f
Crisp medium-deep blue for crisp section dividers
About Tardis Blue
I keep seeing Tardis Blue as that "wait, that's still blue?" moment when a UI tries to go too generic. Compared with Lost in Space and Neptune's Dream, it doesn't read like softened night-water or office-glass depth. It's darker than Neptune's Dream, but it stays cleaner and more legible, with a steadier saturation instead of drifting toward near-black.
For product work, it's the one you reach for when you want the primary blue to feel measured, not muted. It lands well in dashboards and analytics surfaces for active states, key metrics, and link emphasis, and it also shows up nicely in healthcare systems and logistics portals where the interface needs to look composed on real data. Versus Aegean Blue, Tardis Blue comes off less assertive and more controlled, so it doesn't bully the layout.
Quick quirk: pair it with crisp light neutrals and let grays do the supporting. If you stack it beside other deep blues, it can start to look flatter, so give it contrast on text and spacing.
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.
