Shallow Sea
#9ab8c2
Muted, misty teal-blue for calm mid-tone sections
About Shallow Sea
Picture a pale sheet of ocean light sitting behind glass. Shallow Sea has that calm, watery presence, but it doesn't drift into the tealy wobble you see in Aquatic. It also avoids the slightly warmer, more grounded neutrality of Crystal Lake, landing instead on a cleaner, airier mid-light blue.
I use it when I need secondary surfaces in dashboards and fintech platforms that still feel breathable. Think form field fills, card backgrounds, and subtle section breaks in health apps and data-heavy SaaS. It holds its identity as a blue even when everything around it is mid-gray, and it stays gentle enough that your charts and labels can do the talking. This is the one you reach for when you want "ocean calm" without the darker, more deliberate tilt of Neptune's Realm.
Quirk: pair it with slightly cooler text grays or deeper slate, otherwise it can blend into near-white UI shells and look flatter than you intended.
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.