Blue Whale
#1e3442
Moody midnight blue-green for crisp content borders
About Blue Whale
Blue Whale feels like you've gone deeper than Capital Blue or Astral Nomad, it's darker and leaner, stripped of the warmth that keeps those colors approachable. There's still blue in there, unmistakably, but it's the kind of blue that doesn't need to prove anything. It doesn't settle into a room like Astral Nomad does, and it doesn't carry that greenish steadiness of Capital Blue. This is blue at its most withdrawn.
Reach for it in dark-mode dashboards, security platforms, and fintech interfaces where you want something that sits between Cold and Dark's clinical edge and the warmer blues that precede it. It works best when you're pairing it with white type or bright interactive elements, anything that needs to stand out against it. Unlike Cold and Dark, there's slightly more oxygen here; unlike Capital Blue, there's no warmth softening the edges. It's the middle path if the middle path still felt serious.
The catch: it can read murky on certain neutral backgrounds if you're not careful. Test it next to your grays before committing.
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.