Pacific Navy
#25488a
Deeper violet-blue for grounded, low-glare UI rails
About Pacific Navy
I keep running into Pacific Navy on dark UI mockups that feel "serious" without drifting into plain blue. It's a deep purple with a cleaner, more matter-of-fact pull than Nuit Blanche, less structured and indigo-edged than Olympian Blue, and also less light and purposeful than Cascade Twilight.
For dashboards and finance apps, it works when you want the primary state to read centered and dependable, not reflective or softly glowing. Think selected tab emphasis, card headers, key CTA highlights, and border treatments that must stay legible next to grays and blues across dense tables. I also like it in media streaming interfaces for playback chrome accents where you need the one you reach for focus that feels controlled, not slippery like ocean-glass purples.
Quirk: because it's firmly navy-leaning, it can look a touch heavier next to very bright purples, so I usually test it against your lightest tints first. Pair it with crisp cool neutrals for the cleanest read.
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.