Fove
All colors

Fresh digital air

Mint Green

Clear, optimistic, and bright without becoming candy-colored.

Open in editormint green gradient

Gradient story

Mint Green

#7DD3C0
Fresh, modern, optimistic

Mint green carries a rare mix of health, technology, and optimism. It feels alive on a landing page, but it is still calm enough for product UI. The important move is to avoid letting mint float by itself. Pair it with a deeper teal or sea-green anchor so the gradient has weight.

Use mint when a product should feel helpful, new, and easy to enter. It is especially strong in onboarding, activation screens, and hero sections where the first impression needs to feel light rather than loud.

Design notes

Mint can become synthetic when it is paired with pure white only. Give it one serious color nearby, then use pale green or cream as the highlight.

Practical applications

Try mint as a soft app-screen backdrop, a split hero panel next to product copy, or a gentle gradient behind feature cards for health, finance, or education products.

Live applications

Build a whole visual system from one color.

Remix Mint Green

Background image

Use mint green as the emotional field, then place copy on the anchored side for contrast.

50/50 layout

Let the gradient carry one side of the page while white space keeps the content crisp.

Feature pillars

Repeat the same color logic across cards so a page feels consistent instead of assembled.

Slide cover

A reusable composition from the same color system.

Type field

A reusable composition from the same color system.

Social crop

A reusable composition from the same color system.

Open a ready-made variation

Each preview opens in the editor with the same base color, so you can tune rotation, ratio, texture, and export format.

Frequently asked

What does a mint green gradient look good with?

Mint Green pairs naturally with #0F766E and #F0FDF4. Use the darker pairing as the anchor for type and the lighter pairing as atmosphere so the gradient feels dimensional instead of flat.

Which colors should I avoid pairing with mint green?

Avoid nearby colors with the same lightness unless you want a very low-contrast wash. Mint Green usually looks stronger when one paired color is clearly darker or lighter than the base color.

How do I use a mint green gradient in Fove?

Open the gradient in the editor, choose a ratio for your slide, landing page, or social crop, then export PNG, JPG, SVG, or copy clean CSS. Raster exports can include texture for a more finished look.

Related colors

Open it. Tune it. Export it.

Start with this mint green gradient, then adjust texture, intensity, rotation, and aspect ratio for your exact slide or page.

Open mint green in the editor

See all gradient colors (24) or browse curated palettes.