Skip to main content

Mint green

Everything you need to know about mint green to inspire your next design.

Pick a palette type

What color is mint green?

Mint green is a light, cool-toned green that embodies freshness and tranquility. This crisp color sits between green and blue on the color wheel, reminiscent of fresh mint leaves. It’s a green diluted with white and a hint of blue often used for springtime design elements.

mint green colormint green color

What does mint green look like on digital screens?

Mint green is represented by the following color codes and values to ensure consistency across various digital platforms and devices.

  • HEX code: #ADEBB3
  • RGB value: 67.8% red, 92.2% green, and 70.2% blue

Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.

How should I effectively use mint green in UI design?

Here are some ways to use mint green in your designs:

  • Draw attention. A splash of mint green’s lightness can make buttons and CTAs stand out without being aggressive.
  • Create a clean background. Mint green works exceptionally well as a background color in UI design due to its lightness that isn’t too harsh on the eyes.
  • Evoke calmness. Mint green hues evoke calmness and tranquility, making it perfect for health, wellness, and productivity interfaces.

Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.

What are similar colors to mint green?

For variations within the same calmness as mint green, consider:

  • Mint blue (#98FBCB) is a tad more blue than mint green.
  • Pastel green (#80EF80) brings a similar lightness as mint green but is more toned down.
  • Celadon (#A8DCAB) is a muted shade of green with hints of blue and gray.
  • Green sage (#98A869) evokes the same feelings of nature and tranquility as mint green but is a bit more dusty.

What colors go with mint green?

To complement mint green’s coolness, consider pairing it with:

  • White (#FFFFFF) aids in mint green’s clean and airy aesthetic.
  • Forest green (#2E6F40) is a darker hue that evokes the same sense of nature as mint green.
  • Peach (#FFD3AC) creates a youthfulness that brings out mint green’s brightness.
  • Lavender (#D3D3FF) complements mint green’s sense of calmness and peace.

Other colors worth considering include charcoal gray to balance mint green’s airy aesthetic, navy blue for a nautical or coastal look, and coral to inject a dose of youthful energy.

What colors conflict with mint green?

While mint green is a refreshing hue, it may clash with:

  • Mint blue (#98FBCB) could make a design appear flat when paired with a similar low-contrast hue like mint green.
  • Brown (#895129) creates too much contrast with mint green and can disrupt the visual harmony.
  • Neon green (#2CFF05) can create visual chaos rather than cohesion when this fluorescent hue pairs with the calmness of mint green.
  • Yellow (#FFFF00) is overly saturated and can clash with mint green’s tranquil energy.
  • Orange (#FFA500) competes for attention because it doesn’t harmonize with mint green’s coolness.

What does mint green symbolize?

Mint green evokes the crispness of fresh mint leaves and is often associated with springtime, new beginnings, and serenity. This color connects to nature and is commonly used to signify freshness and vitality.

In color psychology, mint green promotes feelings of renewal, tranquility, growth, and inspiration. It is perceived as a soothing color across many cultures, often related to freshness and prosperity. Its calming effect makes it suitable for environments that aim to reduce stress and encourage creativity.

For UI/UX design, mint green offers a calming user experience. It embodies a fresh and contemporary aesthetic that is inviting and gentle. Mint green is an excellent background color that coincides with lighter neutral colors and even some contrasting hues for balance.

What’s the history of mint green?

Mint green was officially recognized in the early 20th century, though the color likely existed in pigments and fabrics long before it was named. Its popularity surged during the Art Deco era, which was known for its embrace of geometric shapes and new materials. During this period, mint green symbolized modernity and sophistication.

Over time, mint green's connotations evolved to represent youthful energy, eco-friendliness, and a connection to nature. Today, it is frequently used in product design, ceramics, glassware, clothing, and accessories to evoke a natural and cheerful ambiance.

Color variations

Shades

Tints

Tones

Hues

Color harmonies

Complementary

Split

Monochromatic

Analogous

Triadic

Square

Custom palettes

Herbal Harmony

Lotus Garden

Spearmint

Accessibility

Contrast Checker

Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #ADEBB3 text on a #FFFFFF background.

1.37:1

WCAG 2.2 Simple Contrast

Normal Text

Fail
AA
4.5:1
Fail
AAA
7:1

Large Text

Fail
AA
3:1
Fail
AAA
4.5:1
Large Text

Figma

Normal Text

How you design, align, and build matters. Do it together with Figma.

This is #ADEBB3 text on a #000000 background.

15.31:1

WCAG 2.2 Simple Contrast

Normal Text

Pass
AA
4.5:1
Pass
AAA
7:1

Large Text

Pass
AA
3:1
Pass
AAA
4.5:1

Color simulations

Protanopia

Deuteranopia

Tritanopia

Achromatopsia

Color conversion

The hexadecimal color #ADEBB3, known as mint green, has RGB values of R:173 G:235, B:179 and CMYK values of C:26, M:0, Y:24, K:8.

VALUECSS
HEX#ADEBB3#ADEBB3
RGB DECIMAL173, 235, 179RGB(173, 235, 179)
RGB PERCENTAGE67.8, 92.2, 70.2RGB(67.8%,92.2%,70.2%)
CMYK26, 0, 24, 8
HSL125.8°, 60.8, 80HSL(125.8°, 60.8%, 80%)
HSV (OR HSB)125.8°, 26.4, 92.2
WEB SAFE#99FFCC#99FFCC
CIE-LAB87.753, -30.364, 21.012
XYZ55.076, 71.554, 53.555
xyY0.306, 0.397, 71.554
CIE-LCH87.753, 36.925, 145.317
CIE-LUV87.753, -30.727, 35.644
HUNTER-LAB84.589, -31.81, 21.675
BINARY10101101, 11101011, 10110011
iOS - SwiftUIColor(red: 0.678, green: 0.922, blue: 0.702)
iOS - UIKitUIColor(red: 0.678, green: 0.922, blue: 0.702, alpha: 1)
Android - ComposeColor(0xFFADEBB3)