Mellow Mint
#ddedbd
Muted, creamy mint for soft, neutral layouts
About Mellow Mint
Mellow Mint feels like the green you notice after the harshness is gone, when daylight softens and the page stops looking "minty." It's lighter than the clearer, leaf-bright Green Glint, but it doesn't turn watery like it might if you push toward Frozen Forest. Compared to Breath of Celery, it reads more airy and gentle, with less of that growing, sage commitment.
I use Mellow Mint for UI areas that need a calm green field without stealing attention: onboarding panels, settings screens, and quiet card backgrounds in health and wellness products. It also holds up well in editorial sidebars for clean-food and spa content, where you want "fresh" that stays polite. It's warmer than pure white, so it plays nicer with creamier layouts than the cooler notes around Frozen Forest, while still staying distinctly green, not beige.
One quirk: because it's pastel-leaning, it can look a touch flat next to higher-chroma accents. Pair it with deeper greens or charcoal text so the interface keeps its edge.
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.
