Beach Glass
#96dfce
Soft minty aqua with balanced teal calm
About Beach Glass
Beach Glass sits at that rare intersection where you get actual saturation without the temperature spike. It's got enough green undertone to feel approachable, more aqua than cyan, but it reads lighter and cooler than Bay, which means it won't warm up a layout the way that one does. It's not trying to be clinical like some of its neighbors; there's a real color here, just one that knows when to step back.
This is the one I reach for in health apps, fintech dashboards, and light-mode design systems where you need something that feels fresh without the edge. It works as a primary surface or a secondary zone without demanding perfect contrast conditions to prove itself exists. Unlike Aqua Fiesta, which leans into that teal assertiveness, Beach Glass has enough restraint that it won't compete for attention. Unlike Catch the Wave, it's not trying to split the difference, it commits to being slightly cooler and slightly less saturated, which somehow makes it easier to live with.
Pair it with warm neutrals and it'll anchor without overwhelming. The lightness means it reads clean over most grays, but test early if you're stacking it against other desaturated colors, screens will shift it, and you want to catch that before handoff.
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.