Hint of Mint

#dff1d6

Bright, airy mint for light, airy interface accents

Save
Share

About Hint of Mint

On a blank canvas, Hint of 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 . Compared with Breath of '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 , on purpose.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
1.19:1Fail

On Gray 100 #f5f5f5

Aa
1.09:1Fail

On Gray 900 #18181b

Aa
14.92:1AAA

On Black #000000

Aa
17.69:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Create a gradient with Hint of Mint

Open the generator with this color pre-loaded.

Start creating