Hidden Sea Glass
#6fd1c9
A paler, calm teal for airy sections
About Hidden Sea Glass
Hidden Sea Glass sits lighter than everything around it, it's the teal that actually looks like it's been weathered by real water instead of mixed in a lab. It's desaturated enough to feel approachable, but it doesn't fade into gray the way Bevelled Glass does. There's still color here. It just knows when to step back.
Reach for this in health dashboards, fintech interfaces, and product design systems where you need a secondary surface that reads calm without looking tired. Background fills on cards, subtle section dividers, secondary button states, anything that should feel present but not insistent. It pairs cleaner with mid-tone backgrounds than the more saturated teals do, and it won't shift cool the way purer cyans can on certain displays. Unlike Hammam Blue's warmer lean or Cockatoo's punch, this one leans cooler and quieter.
Test it early against actual dark text and your real background colors. On very light surfaces it can feel thin, but on anything mid-tone or darker it holds solid and readable without needing perfect contrast to work.
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.