Neptune
#007dac
Cool medium teal for balanced, data-forward layouts
About Neptune
I keep circling back to Neptune when the UI needs that clean, saturated blue without tipping into the teal lean of Jacuzzi. It reads a touch more assertive and steadier than Bleu Ciel, but it doesn't feel as bright or "sky-open" as Mediterranean Blue. The undertone stays cool, with a firmer middle depth that holds its shape on real screens.
For actual work, I use it for primary CTAs and selected states in productivity SaaS, logistics portals, and customer support consoles where the emphasis needs to be obvious in a busy layout. It's also a solid choice for data-heavy fintech pages and internal admin apps, especially when you want dashboards and finance apps energy without the warmer friendliness that Jacuzzi can bring. I reach for Neptune as the one I reach for when hierarchy must land fast and stay consistent.
Pair it with neutral grays or crisp whites. Side-by-side with very teal-adjacent blues, Neptune stays cleaner and more "blue-first," so the distinction doesn't blur.
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.