Underwater World
#657f7a
Deeper, grayer sea-teal for grounded underwater panels
About Underwater World
On my screen, Underwater World reads like a dim, compressed seawater tone, more saturated and less misty than Stream Burble, and it doesn't have Aloe Vera's quiet, near-neutral backing. Compared to Paradiso, it's not as tight and decisive in the midtones. It feels a touch darker and cooler, with a slightly greener-blue cast that keeps it from turning into straight nav.
I use it when I need a cool highlight that still feels wet and dimensional, like active states and data emphasis in dashboards and finance apps, or section chips in logistics and maritime operations portals. It's also good for healthcare interfaces where you want hierarchy without going gray, especially for selected tabs, hover bands, and key metric badges. Think the one you reach for when you want more depth than Paradiso but more clarity than the softer Aloe Vera range.
Pair it with crisp off-whites or pale slate. If you put it next to heavy teals, it can look a bit more green, so test the neighboring accent color in your real layout.
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.