Pristine Seas
#007799
Clean mid-tone teal-blue for breathable UI sections
About Pristine Seas
I keep noticing Pristine Seas the moment a UI stops being playful and starts needing discipline. It reads as a true, steady blue that feels a touch lighter than the deeper options, but it doesn't turn airy like a sky shade. Compared to Celestial, it has less of that heavier, darker punch, and it avoids the slightly teal-tilt that makes Blue Fjord feel more formal.
This is the blue I reach for when your primary actions need to feel assured in dashboards and finance apps, especially in fintech, healthcare portals, and B2B SaaS where the focus is on "do the thing" not "admire the color." It's also comfortable for key navigation and data highlights on light to mid-tone backgrounds, with enough saturation to hold attention without getting loud.
Pair it with clean grays or crisp white and give it a little breathing room. If you stack it next to very warm accents, it can look flatter than you 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.