Froggy Pond

#7fba9e

Soft, cool mint-green with pondlike calm

Save
Share

About Froggy Pond

Painted frog pond water under an overcast sky. Froggy Pond lands at that exact moment when green feels alive, but not punchy, with a soft, aquatic clarity. Compared to , it's fresher and more saturated, less settled-room-plants and more current-on-the-surface. And it doesn't drift toward 's mineral coolness.

I use Froggy Pond when I need health dashboards and wellness platforms to feel grounded without going muted like . It holds attention on charts, status tiles, and map-like panels, and it stays legible over light UI backgrounds without turning clinical. Pair it with warm grays, cream, and soft neutrals when you want it to read supportive, not leafy. The difference you'll notice fast: it's a touch cooler and cleaner than , but it has more green "body" than the gray-diluted look of .

Quirk to watch: next to very warm woods, it can look slightly more blue-green than you expect, so test it where your backgrounds change.

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
2.23:1Fail

On Gray 100 #f5f5f5

Aa
2.04:1Fail

On Gray 900 #18181b

Aa
7.95:1AAA

On Black #000000

Aa
9.42: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

#7db39e
#7cbbae
#8ebaa6
#64bfa4
#85c2b2

Create a gradient with Froggy Pond

Open the generator with this color pre-loaded.

Start creating