Atlantic Navy
#13336f
Atlantic Navy: deeper, cooler indigo anchor for panels
About Atlantic Navy
Atlantic Navy is the purple that actually reads as navy first, purple second, and that matters. It's darker and more saturated than Blue Funk, which means it won't fade into a busy layout the way that flatter shade does. There's real color here, not just absence of light.
This is the one you reach for in product UIs, fintech dashboards, and dark mode interfaces where purple needs to feel solid and present. Authentication screens, form fields, sidebar navigation, icon fills that need actual weight behind them. It's got enough blue to stay cool and professional, enough purple to keep it from feeling like a generic dark blue. Against white it reads clean and decisive. Against dark backgrounds it holds steady without that uncomfortable glow problem you get with lighter purples.
The shift from Black Turmeric is temperature and depth: this one's cooler and sits higher in value, so it works better when you need something that won't feel heavy or earthy. Pair it with clean, cool neutrals and it settles immediately. Warm grays will push it darker, so test before you commit.
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.