Neptune’s Dream
#003368
Denser ocean blue for hero sections, less midnight
About Neptune’s Dream
Neptune's Dream lands like a deep ocean glance you catch through office glass, rich and saturated but not trying to be the darkest thing in the palette. Compared to Lost in Space, it's less softened and more decisive, with a firmer edge. And unlike Beyond the Stars, it keeps a clear blue identity instead of collapsing into near-black.
It's the kind of blue I'd use for dashboards and finance apps where you want brand consistency without feeling heavy, especially in product headers, table headers, and primary link states over light UI. Versus Aegean Blue, it reads a bit less aggressive, closer to a calm, controlled current than a bold saturated punch. I reach for it when the UI needs to feel confident but still smooth.
One note: it holds up well on light backgrounds, but if you stack too many other dark blues nearby, it can start to look flat. Keep contrast with clean grays and let the blue do the talking.
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.
