3AM in Shibuya
#225577
Midnight-teal blue with a lighter, airier cast
About 3AM in Shibuya
3AM in Shibuya is what happens when you strip blue down to its essential cool without letting it go cold. It's lighter and less saturated than Beyond the Sea or Blue-Collar, which means it reads as muted and slightly recessive, the kind of blue that doesn't announce itself but doesn't disappear either. There's a real difference between a blue that commands and one that settles in. This one settles.
Use it in product interfaces, healthcare dashboards, and fintech apps where you need secondary hierarchy without the weight. It works well as a supporting color in navigation, as background fills, or as an accent that doesn't fight for dominance. Pair it with white type and it stays legible; sit it next to mid-tone neutrals and it doesn't create tension the way cooler blues do. It's the opposite of austere.
The trade-off: on dark backgrounds or low-contrast surfaces, it can fade faster than its more saturated neighbors. But if you're building on light or neutral grounds, it does the work of receding exactly when you need it to. Test it early against your actual palette, context shifts how much presence it actually has.
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.