Neptune’s Realm
#97c0d1
Brighter, cleaner cyan blue for crisp headers
About Neptune’s Realm
Look at Neptune's Realm on a UI mock and it reads like water caught at twilight: it has that cool, watery presence, but it doesn't feel as airy as Airborne or as gray-soft as Gentle Sky. This shade is mid-light, with a steadier, more saturated blue core than the others nearby, so it holds its identity as a background instead of fading into the canvas.
I reach for it in product interfaces, SaaS dashboards, and data-heavy apps when a section needs to feel cooler and more deliberate than Gentle Sky, and more "blue" than Aquatic's slightly teal-leaning ambiguity. It also sits nicely as a card surface or empty-state panel where you want hierarchy without drifting toward teal or veering toward near-white.
Quick quirk: because it's cooler and more saturated than the muted neighbors, pair it with dark text and avoid overly icy whites for dividers, or the whole screen can start to feel flat.
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.