Pacific Depths
#004488
Deep ocean blue for high-contrast, cool layouts
About Pacific Depths
Pacific Depths looks like the moment a camera finds deep water with the lights still on. It's a medium-deep blue that stays saturated, but it doesn't tip as dark and commanding as Grand Bleu or clamp down as confidently as Aegean Blue. Compared to Dark Denim, it holds onto more color and feels less like it's been muted into the UI.
I use it for blue primary actions and interactive data states where you need clarity without the heavy navy vibe. It fits dashboards and finance apps, especially for tabs, table highlights, and system chips that shouldn't feel cold. Keep it as your "forward" blue next to calmer interface grays, and let it do the signaling while Aegean Blue grabs the top layer.
One quirk: because it's not as deep as Grand Bleu, it can lose authority on very dense, dark surfaces. If you're stacking lots of dark elements, pair it with a slightly lighter supporting blue so it stays legible by feel, not just contrast.
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.