Sweet Mint Pesto
#bbee99
Softer mint-green for fresh cards, less gray than Ice Ice
About Sweet Mint Pesto
Sweet Mint Pesto looks like a soft, lightly mashed herb next to a pale chart fill, not a mist and not a leaf that's had the life cooked out of it. It's noticeably greener than Ice Ice, and it keeps more color density than Pastel Pea without leaning into the earthier, paler feel of Sage Sensation.
I reach for it when you want green that reads fresh and calm at the same time. Think secondary status pills in logistics dashboards, confirmation badges in warehouse and shipping portals, and gentle callout backgrounds for analytics screens where you still want "go" energy but not the herb-pop of Basil-style greens. It also works as a soft accent in health and wellness apps when you're labeling steps, check-ins, or completed routines. It's the one you reach for when the UI needs clarity without turning into "alert."
Pair it with deeper greens or neutral text so it doesn't compete with your primary greens, and test it against off-whites since it can look a touch more saturated next to creamy backgrounds.
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.