12 Shades of Mint with Hex Codes
Mint is green at high lightness with a cool, slightly blue cast. Fresh rather than natural.
The mint hex code is #98FF98
#98FF98 is rgb(152, 255, 152) in RGB, hsl(120, 100%, 80%) in HSL, and about cmyk(40%, 0%, 40%, 0%) in CMYK. Every other mint below has its own hex code.
#98FF98rgb(152, 255, 152)hsl(120, 100%, 80%)Named Mint Colors and Their Hex Codes
Ordered darkest to lightest. Names marked CSS are color keywords you can write directly in a stylesheet; the rest are common design and print names. Select any swatch for its full breakdown.
#8FBC8Frgb(143, 188, 143)#93C572rgb(147, 197, 114)#4FE7B0rgb(79, 231, 176)#ACE1AFrgb(172, 225, 175)#93E9BErgb(147, 233, 190)#90EE90rgb(144, 238, 144)#98FB98rgb(152, 251, 152)#98FF98rgb(152, 255, 152)#7FFFD4rgb(127, 255, 212)#D5F5E3rgb(213, 245, 227)#F0FFF0rgb(240, 255, 240)#F5FFFArgb(245, 255, 250)MintColor Chart: Hex, RGB, HSL & CMYK
Every mint above in all four common formats. CMYK is a mathematical approximation for planning; confirm production print colors with your printer and ICC profile.
| Name | Hex | RGB | HSL | CMYK |
|---|---|---|---|---|
| DarkSeaGreen | #8FBC8F | rgb(143, 188, 143) | hsl(120, 25%, 65%) | cmyk(24%, 0%, 24%, 26%) |
| Pistachio | #93C572 | rgb(147, 197, 114) | hsl(96, 42%, 61%) | cmyk(25%, 0%, 42%, 23%) |
| Spearmint | #4FE7B0 | rgb(79, 231, 176) | hsl(158, 76%, 61%) | cmyk(66%, 0%, 24%, 9%) |
| Celadon | #ACE1AF | rgb(172, 225, 175) | hsl(123, 47%, 78%) | cmyk(24%, 0%, 22%, 12%) |
| Seafoam | #93E9BE | rgb(147, 233, 190) | hsl(150, 66%, 75%) | cmyk(37%, 0%, 18%, 9%) |
| LightGreen | #90EE90 | rgb(144, 238, 144) | hsl(120, 73%, 75%) | cmyk(39%, 0%, 39%, 7%) |
| PaleGreen | #98FB98 | rgb(152, 251, 152) | hsl(120, 93%, 79%) | cmyk(39%, 0%, 39%, 2%) |
| Mint | #98FF98 | rgb(152, 255, 152) | hsl(120, 100%, 80%) | cmyk(40%, 0%, 40%, 0%) |
| Aquamarine | #7FFFD4 | rgb(127, 255, 212) | hsl(160, 100%, 75%) | cmyk(50%, 0%, 17%, 0%) |
| Pale Mint | #D5F5E3 | rgb(213, 245, 227) | hsl(146, 62%, 90%) | cmyk(13%, 0%, 7%, 4%) |
| HoneyDew | #F0FFF0 | rgb(240, 255, 240) | hsl(120, 100%, 97%) | cmyk(6%, 0%, 6%, 0%) |
| MintCream | #F5FFFA | rgb(245, 255, 250) | hsl(150, 100%, 98%) | cmyk(4%, 0%, 2%, 0%) |
Mint Scale from Light to Dark
A 12-step lightness scale built from the core mint hue, holding hue and saturation constant. This is the shape of a design-system color ramp. Select any swatch for the full breakdown of that color.
Need a perceptually even ramp with semantic roles and contrast evidence? Generate mint design tokens.
What Mint Communicates
Mint reads as clean and modern in a way that darker greens do not, which is why it turns up in health, fintech, and skincare far more than forest green does. It shares the limitation of every pale color: it is a background, and mint text on white is unreadable at any size.
Where mint works well
- Fresh, clean backgrounds for health and wellness products
- Success-state surfaces where a full-strength green would be too loud
- Pastel palettes with lavender, blush, and butter
- Dark-theme accents, where mint stays legible against deep neutrals
Colors that pair with mint
Copy the Mint Palette as CSS
Every shade on this page as CSS custom properties, ready to paste into a stylesheet.
:root {
--mint-darkseagreen: #8FBC8F;
--mint-pistachio: #93C572;
--mint-spearmint: #4FE7B0;
--mint-celadon: #ACE1AF;
--mint-seafoam: #93E9BE;
--mint-lightgreen: #90EE90;
--mint-palegreen: #98FB98;
--mint-mint: #98FF98;
--mint-aquamarine: #7FFFD4;
--mint-pale-mint: #D5F5E3;
--mint-honeydew: #F0FFF0;
--mint-mintcream: #F5FFFA;
}Mint Color Questions
What is the hex code for mint?
The standard mint hex code is #98FF98, which is rgb(152, 255, 152) in RGB and hsl(120, 100%, 80%) in HSL. There is no single "correct" mint — this page lists 12 named mint shades with their own hex codes.
How many shades of mint are there?
Displays can render millions of distinct mint values, so any count is a matter of which ones have names. This page lists 12 named shades of mint, combining the CSS color keywords with widely used mint names from design and print references, plus a generated 12-step lightness scale.
Can I use mint for text on a white background?
#98FF98 scores 1.23:1 against white. WCAG 2.2 asks for at least 4.5:1 for normal body text and 3:1 for large text, so this shade does not pass and needs to be darkened. Check any specific pairing in the contrast checker.
What colors go well with mint?
pink, lavender, gray all pair well with mint. For a specific shade, open its color page to see the complementary, analogous, and triadic colors calculated from its exact hue.