Marina
#5a88c8
Muted sea-blue violet for calm, legible sections
About Marina
Marina is the blue-leaning purple you spot on a late-afternoon glass facade, where the highlights are cool but the shade stays calm. Compared with Blue Jay, it's less punchy and more even through the midtones, so it doesn't feel like it's "biting" the UI. And compared with Olympic Blue, it carries a more unmistakable purple cast instead of reading as purely blue and steady.
I use Marina for dashboards and media tools when I want primary controls and selected states to feel confident without the strict blue-only attitude of Olympic Blue. It also shows up well in creator platforms, course admin panels, and streaming analytics where the interface needs clarity but you don't want the accent to overpower. Relative to Flood, Marina is lighter and cleaner, with a smoother, less weighty presence.
Pair it with soft grays and muted lilacs. If you stack it against very warm neutrals, it can drift toward a fresher, slightly cooler violet than you might expect.
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.