Warm combinationsFresh and friendly

Coral and Mint Color Combination

A warm coral cooled by a pale mint green. The two sit close in lightness, which keeps the pair cheerful instead of aggressive.

Hex codes #FF7F50 and #98FF98 — a fresh and friendly pair with a 2.03:1 contrast ratio between the two colors.

Values for this combination

Coral
RGB
rgb(255, 127, 80)
HSL
hsl(16, 100%, 66%)
Hex
#FF7F50
Mint
RGB
rgb(152, 255, 152)
HSL
hsl(120, 100%, 80%)
Hex
#98FF98

Contrast between Coral and Mint

Contrast ratio 2.03: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

Mint text on a Coral surface, at 2.03:1.

Aa

Coral text on a Mint surface, at 2.03:1.

Where this pair works

  • Wellness brands
  • App onboarding
  • Greeting cards

Give Coral (#FF7F50) roughly 60% of the surface, Mint (#98FF98) 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

Coral and Mint 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#e1fae1backgrounds and large surfaces · closest to Nyanza
  • Primary#FF7F50the dominant color · closest to Coral
  • Secondary#98FF98the accent color · closest to Mint
  • Deep shade#4d1400text, borders and icons · closest to SealBrown
  • Neutral#f4f6f4dividers and quiet surfaces · closest to WhiteSmoke

Explore Coral and Mint on their own

More color combinations

Coral and Mint are a fresh and friendly pair: a warm coral cooled by a pale mint green. The two sit close in lightness, which keeps the pair cheerful instead of aggressive.

Frequently asked questions

Yes — this pair is used for wellness brands, app onboarding, greeting cards. The two colors measure 2.03: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 #FF7F50 and #98FF98 — nothing is hardcoded.
  • Build a longer palette out of Coral or Mint in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

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

From the blog