Hint of Mint
#dff1d6
Bright, airy mint for light, airy interface accents
About Hint of Mint
On a blank canvas, Hint of Mint doesn't feel like a washed-off beige. It reads as a pale green note first, but it stays airy and controlled, not misty like Frosted Mint Hills. Compared with Breath of Celery's more rooted, pigment-forward sage, this one is lighter and clearer, with a gentler undertone that doesn't lean yellow.
I use it for wellness apps and health product sites when the design needs to feel fresh without going "minty" or playful. It's also a great choice for editorial layout backgrounds and SaaS dashboards where you want quiet calm, but still want the UI to look intentional. Think cards, form panels, and section headers that stay readable as your content changes.
One quirk: on very warm off-whites it can look a touch colder than you expect. Pair it with deep charcoal or forest text, and it stops feeling almost neutral and starts feeling like mint, on purpose.
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.