Mint green is a pale, cool green with a lot of white in it. #74C69D is 62% light at only 42% saturation, which is what makes it read as fresh rather than vivid. Grab the HEX codes from a scheme below, or build a custom mint-green palette around any base colour with the generator.
Fresh Mint is the standard ramp, #D8F3DC down to #52B788. Cool Mint sits a few degrees bluer (154°–161°) and slightly more saturated throughout. Mint & Sage is the only set with a dark step, #3E7A5E, so it is the one that can carry text.
#D8F3DC#B7E4C7#95D5B2#74C69D#52B788#E0F5EC#B8EAD6#8ADEBC#5CC9A0#2FA983#DDF3E4#A8D5BA#74C69D#5A9E7E#3E7A5EAnchored to a mint green base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Mint is a background colour more than an accent, and it works against warm neutrals — cream, soft tan, or a peach for the classic pastel pairing. A charcoal or deep green supplies the contrast it lacks. Within the family, sage green is the greyer version and aqua the bluer one. Skincare, dental, spring and clean-product branding use it.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The Cool Mint row above is a second ready-made option — #E0F5EC, #2FA983 and the three steps between them — if you would rather not generate at all. The generator itself rolls around #74C69D, the base mint green for this page. Use Copy JSON for an array or Copy HEX for a comma-separated line if custom properties are not how your project stores colour.More palettes: Aqua palette · Turquoise palette · Emerald Green palette · all colours