Aquatic Edge

#bfd6d1

Muted gray-teal for calm, modern interfaces

Save
Share

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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.53:1Fail

On Gray 100 #f5f5f5

Aa
1.40:1Fail

On Gray 900 #18181b

Aa
11.60:1AAA

On Black #000000

Aa
13.75:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#bdd1d2
#c8d0ca
#c6d8c7
#c7cfc7

Create a gradient with Aquatic Edge

Open the generator with this color pre-loaded.

Start creating