Neo Mint
#aaffcc
Cool, saturated neo-mint for crisp cards and charts
About Neo Mint
Neo Mint is the green you spot on the underside of a mint leaf after it's been washed and patted dry, that crisp, clean look that still feels lively. It's noticeably cooler than the lighter mints nearby, with a more mint-first undertone than Light Mint and less airy glare than Mintastic. Compared with A State of Mint, it keeps the saturation but backs off the punch, so it reads fresh without demanding attention.
I use Neo Mint for interface surfaces that need to stay readable and friendly: onboarding screens, settings panels, and empty-state cards in wellness and skincare apps. It also works well for ecommerce filter chips and ingredient callouts where you want "new and fresh" without turning clinical or chalky. In motion graphics, it holds its identity frame to frame better than the softer, mistier options, so labels don't feel like they're floating.
Pair it with deep green, charcoal, or soft navy text so the temperature stays crisp. If you stack it next to warm beige backgrounds, the green can start to look washed out fast.
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.
