Marine
#042e60
Cool marine indigo with higher clarity than night violet
About Marine
Marine reads like a deep ocean stain rather than a bruise or a near-black sink. Compared to Mythical Night, it's less "purple-first" and more grounded, with a stronger blue pull that keeps it from feeling too violet. And unlike Dark Sapphire, it doesn't fall asleep into muted sleepiness. Marine stays crisp in shape.
I reach for it in dashboards and finance apps when the UI needs a primary tone that feels serious, not navy-cold. Think active chart series, selected map routes, and primary buttons in fraud review or underwriting screens. It also works well for notification accents and form focus states where you want high-contrast edges without going into the black territory that Black Sea Night tends to claim.
Pair Marine with cool grays or clean off-whites. Warm surfaces will drag it toward an awkward, dirty mid-purple fast, so keep the surrounding temperature consistent.
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.