Mint to Be
#98ff97
Light, cool mint mint for calm UI highlights
About Mint to Be
Mint to Be looks like the first breath of spring on a light UI mockup: pale, crisp, and unmistakably mint, not yellow-lime. Compared with Creamy Mint, this stays more saturated and keeps its green identity instead of drifting toward diluted toothpaste water. It also feels cooler and clearer than Celery Mousse, which sits in a softer, muted middle ground.
Where I reach for it most is UI that needs freshness without slipping into "alert" territory: skincare and beauty app screens, ingredient callouts, and product detail panels for mint and herb-forward lines. It also works in health interfaces when the background has to feel clean and calm but still green-forward, like step-through onboarding cards and status surfaces. Against Cucumber Milk, it's less milky and fog-filtered, so it reads sharper at a glance.
Pair it with deeper greens or muted navy for structure, or let it sit beside warm off-whites so it keeps that the one you reach for when you want minty clarity without heaviness.
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.