#98FF98

Mint Green color code

Mint Green hex code: #98FF98 · RGB 152, 255, 152. Also called mint, pastel mint.

Build a website palette from mint green →

What color is mint green?

Mint green is a pale, fresh green named after the herb. Color references list two distinct values: a very light, bright 'mint green' at #98FF98 and a deeper, bluer 'mint' at #3EB489. Most people searching for mint mean something in between: a cool, airy pastel green.

Mint suits health and dental brands, ice cream and food, baby products, fintech dashboards and spring campaigns. In interfaces, soft mints make excellent success states, badges and section backgrounds.

The neon-bright #98FF98 can look harsh on screens; for large areas use a softened mint like #BDEBD3. Mint is too light for white text, so pair it with charcoal or deep green type. It combines well with peach, coral, lilac and cream.

Mint Green variants

Popular color names rarely have one official value. "Reference" values are the ones commonly listed in general color references; "HueWiz pick" values are lighter, deeper or muted versions chosen for interface work. Click a code to copy it.

Mint green (reference value)#98FF98rgb(152, 255, 152) · reference

Mint (reference value)#3EB489rgb(62, 180, 137) · reference

Soft UI mint#BDEBD3rgb(189, 235, 211) · HueWiz pick

Dusty mint#AAD9BBrgb(170, 217, 187) · HueWiz pick

Mint Green on a real website

The same base color in a light and a dark theme. Surfaces and text are tinted with mint green's hue; links are adjusted until they reach 4.5:1 against the surface. The accent comes from the first palette below.

light theme

StudioWorkAboutContact

Spring collection

Designed around mint green.

A short paragraph shows how body text reads on this surface, with an inline link in the brand color.

Get startedLearn more

NewCard on surface with an accent badge.

Light roles · surface #F0FAEF · text #132413 · link #0C841D

dark theme

StudioWorkAboutContact

Spring collection

Designed around mint green.

A short paragraph shows how body text reads on this surface, with an inline link in the brand color.

Get startedLearn more

NewCard on surface with an accent badge.

Dark roles · surface #0B170B · text #E9F1E8 · link #98FF98

Mint Green color palettes

Hand-picked combinations that work with mint green. Hover a swatch to see its code; click to copy.

Mint Green contrast & accessibility

WCAG 2.x asks for 4.5:1 for normal text (AA), 3:1 for large text and 7:1 for AAA. Ratios are truncated, not rounded, so a pass shown here is a real pass. Check your exact pairs in the contrast checker.

Pairing	Ratio	Normal text	Large text
White text on mint green	`1.22:1`	Fail	Fail
Black text on mint green	`17.09:1`	AAA	AAA
Mint Green text on white	`1.22:1`	Fail	Fail
Mint Green text on near-black #111111	`15.36:1`	AAA	AAA
White text on deeper mint green #138721	`4.65:1`	AA	AAA

Mint Green shades for Tailwind & design systems

An 11-step 50–950 ramp generated in OKLCH from #98FF98. Light steps suit backgrounds and borders, middle steps buttons, dark steps text. This is a generated ramp, not an official Tailwind palette.

Tailwind CSS v4

@import "tailwindcss";

@theme {
  --color-mint-green-50: #E6FFE5;
  --color-mint-green-100: #C4FFC3;
  --color-mint-green-200: #93F793;
  --color-mint-green-300: #83DB83;
  --color-mint-green-400: #71BB71;
  --color-mint-green-500: #5F9C5F;
  --color-mint-green-600: #4E7E4D;
  --color-mint-green-700: #3F643E;
  --color-mint-green-800: #304C30;
  --color-mint-green-900: #223422;
  --color-mint-green-950: #131F13;
  --color-mint-green: #98FF98;
}

CSS variables

:root {
  --mint-green: #98FF98;
  --mint-green-rgb: 152 255 152;
  --mint-green-light: #C4FFC3;
  --mint-green-dark: #304C30;
}

.btn-mint-green {
  background: #138721;
  color: #FFFFFF;
}

Need semantic roles (surface, text, primary, accent) and exports? Open mint green in the Tailwind color generator.

Mint Green FAQ

What is the hex code for mint green?

#98FF98 is the value HueWiz uses for mint green; it equals rgb(152, 255, 152). Other common versions include #3EB489 (mint), #BDEBD3 (soft ui mint), #AAD9BB (dusty mint).

Is mint green a warm or cool color?

With an HSL hue of 120° and 100% saturation, mint green reads as a warm-to-neutral green.

What text color looks best on mint green?

Use dark text. White on #98FF98 measures 1.22:1 and black measures 17.09:1; WCAG AA needs 4.5:1 for normal text. For white text, deepen it to about #138721.

What colors go with mint green?

Try mint & peach (#BDEBD3, #FFD5B8, #FFFDF7); pastel spring (#98FF98, #CCCCFF, #FFD1DC); clean health (#F4FBF7, #BDEBD3, #3EB489). Each palette above can be copied or opened in the HueWiz studio.