Seafoam Splashes
#b0efce
Lighter, calmer seafoam for airy sections and badges
About Seafoam Splashes
Seafoam Splashes hits like a light watercolor wash: crisp enough to read as green, but with a milky softness that keeps it from turning watery. Compared with Mystery Mint, it feels more distinctly green and less "almost-aquarium." Compared with Mint-o-licious, it's slightly airier and a touch less leaf-gloss. And versus Glaucous Green, it dials down the sea-glass chill so the green stays the headline, not the blue-green edge.
I like it for clean section backgrounds where you want freshness without the frost. It works well behind spec panels and filter drawers in health and skincare sites, and it's a solid pick for secondary UI surfaces in wellness onboarding. In media layouts, it makes sidebars feel light but not slippery, which is why it shows up for editorial side panels and recipe or lifestyle cards where you need calm, not cool.
Quirk: because it's gentle and not very saturated, it can look a bit washed out next to strong saturated accents. I tend to pair it with soft creams or deeper green text so the hierarchy holds.
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.