Aquatic Edge
#bfd6d1
Muted gray-teal for calm, modern interfaces
About Aquatic Edge
Aquatic Edge sits between a gray and a whisper of green, but it doesn't announce itself. It's more saturated than the palest grays without tipping into color territory, the kind of shade that reads as intentional the moment you place it next to white, but won't fight your neutral palette the way an actual teal would. It's got enough presence to feel chosen.
Use it for secondary panels, form backgrounds, and disabled states in healthcare dashboards, fintech platforms, and SaaS interfaces where you need depth without drama. It works especially well in dark mode layouts where pure white feels harsh and true gray feels dead. The green undertone keeps it from feeling clinical, which matters when you're building trust-forward interfaces.
Pair it tight with cool grays and it stays coherent. The saturation gives it more anchor than Clair de Lune, so it won't wash out as fast in weak-contrast scenarios. Just don't layer it next to warm neutrals, the temperature mismatch will feel like an accident rather than a decision.
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.