Black text 17.0:1
Mint green is the cool, fresh pastel green of mint leaves and ice cream.
This page lists 24 named shades of mint green - Mint, Magic Mint, Seafoam, Aero Blue and more - with HEX, RGB, HSL and CMYK codes.
Click to copy any code or download the whole set for Procreate, Photoshop or Figma.
Mint Cream - lightest24 shades sorted light to darkdarkest - Polished Pine
Download all 24 shades of mint green
Photoshop, Illustrator, InDesign, AffinityA Tailwind-style scale built from Mint Green (#98FF98), evenly spaced in OKLCH lightness. Paste any other mint green to build its own scale, or click a swatch for its codes and contrast.
Something went wrong. Please try again.
Still having trouble? Please contact us and we'll be happy to help!
Hmm, that doesn't look like a color yet. Try #3399cc, rgb(51, 153, 204), hsl(200, 60%, 50%) or a name like Cobalt.
#98FF98rgb(152, 255, 152)hsl(120, 100%, 80%)cmyk(40%, 0%, 40%, 0%)Tints mixed with white
Shades mixed with black
Tones mixed with gray
Click any swatch to see its codes and contrast. Tints, shades and tones are simple RGB mixes, the classic way painters and print designers make them.
:root {
--brand-50: #e8fee7;
--brand-100: #98ff98;
--brand-200: #00fc39;
--brand-300: #00e031;
--brand-400: #00be28;
--brand-500: #00a221;
--brand-600: #00871a;
--brand-700: #007014;
--brand-800: #005b0e;
--brand-900: #004b0a;
--brand-950: #003004;
}Next: blend 50 into 950 in the Gradient Generator, test every pair in the Accessible Color Palette, check 900 on 100 with the Contrast Checker or find matching colors on the Color Wheel.
Using the same color wheel maths as our Color Wheel, these are the harmonies for Mint Green (#98FF98). Click a group to open it on the wheel.
#FF98FF Violet (web)
Analogous
Next-door neighbors - calm and harmonious
#CCFF98 Menthol#98FFCC Aquamarine
Triadic
Three evenly spaced hues - bold and balanced
#9898FF Bright Lavender#FF9898 Salmon Pink
Split complementary
The two neighbors of the opposite - contrast with less tension
#CC98FF Pale Violet#FF98CC Carnation Pink
Mint green feels clean, fresh, calm and optimistic. It suggests health, cleanliness and new beginnings, which is why it shows up in skincare, dentistry and wellness branding.
Mint was a signature color of 1950s kitchens and appliances, and it keeps returning in retro and pastel trends. WGSN forecast Neo Mint as the color of 2020.
Lighter mints feel airy and soft; deeper ones like Mint (#3EB489) or Ocean Green move toward sea green and feel more grown-up.
See mint green in complete, ready-made palettes - each one with codes and downloads.
Want a palette built around one exact mint green? Start from it in the AI Color Palette Generator or pull colors from a photo with the Image Color Picker.
Mint Green is #98FF98, which is rgb(152, 255, 152) and hsl(120, 100%, 80%). For print it is about 40% cyan, 0% magenta, 40% yellow and 0% black.
There is no fixed number - any mint green can be made lighter, darker or more muted. This page lists 24 named shades, from Mint Cream (#F5FFFA) to Polished Pine (#5DA493). The generator on this page makes a full 50-950 scale and unlimited tints, shades and tones from any mint green.
Mint Green (#98FF98) has a contrast ratio of 1.22:1 on white and 17.09:1 on black, so it reads best on dark backgrounds or with dark text on top of it. None of the named mint green shades here reach the 4.5:1 minimum on white, so use mint green as a background with dark text instead. Test any pair with the Contrast Checker.
Mint Green (#98FF98) is a light, pure pastel green. Seafoam Green (#9FE2BF) is slightly bluer and grayer, like sea foam. Mint (#3EB489) is a deeper, more saturated version.
Yes. Mint Green and lighter shades like Magic Mint and Aero Blue are classic pastels - high lightness and soft saturation. More pastels are on shades of lavender and shades of pink.
Mint pairs well with blush pink, coral, navy, gray and white. For a retro look, add cream and soft yellow.