12 Different Shades of Mint (+ HEX codes)

Explore all shades of mint, from lighter to darker shades. See HEX codes, shade names, and mint color palettes. Click any shade to copy its HEX code.

Mint is a pale green with blue in it, which is why it feels clean rather than natural. Dental, spa and fintech brands all borrowed it for the same reason.

At this lightness it is a background colour only; darken it a long way before putting text in it.

white
#ffffff
hint of green
#e6ffe6
snowy mint
#cdffcd
reef
#b3ffb3
mint green
#9aff9a
screamin' green
#68ff68
harlequin
#35ff35
green
#1cff1c
japanese laurel
#009d00
camarone
#006a00
crusoe
#005100
deep fir
#003800

Mint: HEX & RGB Codes

mint has the following primary color codes:

HEX: #ffffff
RGB: (255, 255, 255).

Explore a wide range of mint shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of mint

White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff

Explore shades of mint

Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0

mint in HEX, RGB, HSL and CMYK

HEX	#98FF98
RGB	rgb(152, 255, 152)
HSL	hsl(120, 100%, 80%)
CMYK	cmyk(40%, 0%, 40%, 0%)

Tints and shades of mint

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#a7ffa7
#b4ffb4
#c2ffc2
#cfffcf
#ddffdd
#ebffeb

Shades (darker)

#58ff58
#18ff18
#00d600
#009600
#005500
#001400

Colours that work with mint

Complementary

#98FF98 #ff99ff

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#ccff99 #98FF98 #99ffcc

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#98FF98 #9999ff #ff9999

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on mint

Example Primary text

White text on mint1.23:1Fail

Example Primary text

Near-black text on mint14.44:1AAA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

mint shade chart

Shade chart showing five steps of mint, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.