Soft & pastelClean and fresh

Mint and White Color Combination

Mint on white reads as clean air and hygiene: white does the space, mint does the accent.

Hex codes #98FF98 and #FFFFFF — a clean and fresh pair with a 1.23:1 contrast ratio between the two colors.

Values for this combination

Mint
RGB
rgb(152, 255, 152)
HSL
hsl(120, 100%, 80%)
Hex
#98FF98
White
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Hex
#FFFFFF

Contrast between Mint and White

Contrast ratio 1.23:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.

AA · Normal text (≥ 4.5:1)FAIL
AA · Large text (≥ 3:1)FAIL
AAA · Normal text (≥ 7:1)FAIL
AAA · Large text (≥ 4.5:1)FAIL
Aa

White text on a Mint surface, at 1.23:1.

Aa

Mint text on a White surface, at 1.23:1.

Where this pair works

  • Healthcare
  • Cleaning products
  • Fresh food packaging

Give Mint (#98FF98) roughly 60% of the surface, White (#FFFFFF) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.

A five-color set from this pair

Mint and White as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.

  • Pale tint#efebebbackgrounds and large surfaces · closest to Isabelline
  • Primary#98FF98the dominant color · closest to Mint
  • Secondary#FFFFFFthe accent color · closest to White
  • Deep shade#004d00text, borders and icons · closest to DarkGreen
  • Neutral#f6f4f4dividers and quiet surfaces · closest to WhiteSmoke

Explore Mint and White on their own

More color combinations

Mint and White are a clean and fresh pair: mint on white reads as clean air and hygiene: white does the space, mint does the accent.

Frequently asked questions

Yes — this pair is used for healthcare, cleaning products, fresh food packaging. The two colors measure 1.23:1 against each other, which means the two should sit side by side as surfaces rather than as text and background.

Good to know

  • Every value on this page is calculated from #98FF98 and #FFFFFF — nothing is hardcoded.
  • Build a longer palette out of Mint or White in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

Turn Mint and White into a full palette, a gradient or a set of shades — or check the pair against WCAG.

From the blog