# Gradiente verde menta: codici freschi e leggeri

[Canonical HTML page](https://gradiently.design/it/guide/mint-gradient)

La menta è il colore più fresco della ruota, e il più facile da sbagliare: un passo troppo freddo e sembra dentifricio o un corridoio d’ospedale. Ecco codici chiari che restano invitanti.

## The short version

- Un gradiente verde menta fonde verdi chiari e leggermente bluastri, di solito con bianco o crema sul lato chiaro.
- La menta sembra clinica se accostata a grigio freddo e bianco puro, e fresca se accostata a crema, pesca o rosa tenue.
- Menta chiara e pesca sono opposti, ma a intensità pastello si fondono in modo pulito, senza diventare fangosi.
- La menta è troppo chiara per il testo bianco; un verde bosco scuro come #064e3b si legge bene sopra di essa.
- La menta va bene per caffè, cura della pelle, brand per bambini, sostenibilità e campagne primaverili.

Un **gradiente verde menta** fonde verdi chiari e leggermente bluastri, dal quasi bianco a una menta piperita morbida, e pochi verdi sembrano più freschi. Tenuto caldo con un partner crema o pesca, sa di caffè, di giardino o di mattina di primavera. Accostato a grigio e bianco puro, comincia a sembrare la sala d’attesa di un dentista. Ecco codici menta che restano freschi, i partner che li scaldano e il colore del testo che li mantiene leggibili.

## Un gradiente verde menta in una riga di CSS

Se te ne serve uno solo, parti da qui. Va da un bianco caldo e cremoso a una menta chiara, quindi non è mai freddo, e lascia in alto molto spazio calmo per le parole.

Menta fresca: `linear-gradient(160deg, #fbfdf7 0%, #d1fae5 45%, #a7f3d0 100%)`

Dal bianco crema alla menta. Imposta i titoli in verde bosco scuro `#064e3b` nella metà superiore.

## Gradienti di menta chiara

Vivono vicino al bianco. Sono perfetti per sfondi che portano molta lettura, come un menu o un listino, e per foto di prodotto in cui vuoi che il protagonista sia la confezione. [I gradienti pastello](https://gradiently.design/it/guide/pastel-gradients) applicano lo stesso approccio a ogni colore.

- Latte di menta: `linear-gradient(180deg, #f7fef9 0%, #d1fae5 100%)`
- Menta piperita: `linear-gradient(135deg, #ecfdf5 0%, #a7f3d0 100%)`
- Foglia nuova: `linear-gradient(135deg, #f0fdf4 0%, #bbf7d0 100%)`
- Rugiada del mattino: `radial-gradient(circle at 30% 25%, #ffffff 0%, #d1fae5 45%, #a7f3d0 100%)`
- Menta ghiacciata: `linear-gradient(135deg, #ecfeff 0%, #bdf5dc 100%)`

Cinque mente chiare. «Menta ghiacciata» tende al blu per un effetto più freddo e pulito; «Foglia nuova» tende al giallo per uno più caldo e botanico.

Decidi presto da che parte tende la tua menta. Le mente che tendono al blu sono fredde, pulite e moderne, e vanno bene per tecnologia, costumi da bagno e cura della pelle. Quelle che tendono al giallo sono calde e commestibili, e vanno bene per cibo, piante e tutto ciò che è per bambini. Mescolare le due in un gradiente va bene, ma scegli quale deve dominare, così il brand ha una temperatura chiara.

## Menta con pesca, crema o rosa tenue

L’opposto della menta sulla ruota dei colori è un rosa corallo tenue. A piena intensità gli opposti si fondono in grigio, ma a intensità pastello la saturazione è così poca che si attraversano senza sporcarsi. Per questo menta e pesca, o menta e rosa tenue, sono tra le combinazioni più belle che esistano, e il calore evita che la menta sembri medicale. Altre combinazioni si trovano in [combinazioni di colori per gradienti](https://gradiently.design/it/guide/gradient-color-combinations).

- Menta e pesca: `linear-gradient(135deg, #d1fae5 0%, #fde2cf 100%)`
- Menta e rosa tenue: `linear-gradient(135deg, #ccfbf1 0%, #fce7f3 100%)`
- Crema e menta: `linear-gradient(180deg, #fef9ec 0%, #d1fae5 100%)`
- Sorbetto al pistacchio: `linear-gradient(135deg, #a7f3d0 0%, #fef3c7 50%, #fed7aa 100%)`

Menta con un partner caldo. Sanno di gelato, fiori e pasticcerie, non di ambulatori.

- Bianco crema: #fbfdf7
- Latte di menta: #d1fae5
- Menta piperita: #a7f3d0
- Pesca: #fde2cf
- Rosa tenue: #fce7f3
- Inchiostro bosco: #064e3b

Una palette di menta calda: crema, due mente, due pastelli caldi e un verde bosco per testo e loghi.

## Una menta che non sembra dentifricio

Molte persone associano la menta a dentifricio, ambulatori e camici d’ospedale. Se non lavori in quei settori, evita le combinazioni che li richiamano.

### Sembra clinico

- Menta con bianco puro e grigio freddo
- Menta satura come `#98ff98` o `#3eb489` in tinta unita
- Testo sottile in sans serif grigio
- Superficie digitale dura e perfettamente pulita

### Sembra fresco

- Menta con crema, pesca o rosa tenue
- Mente morbide, da `#d1fae5` a `#a7f3d0`
- Testo verde bosco con un po’ di peso
- Un tocco di grana, come carta stampata

Qui la grana conta più di quanto pensi. Un gradiente digitale chiaro senza texture sembra un’impostazione predefinita; un po’ di rumore lo fa sembrare un menu stampato. [I gradienti con grana](https://gradiently.design/it/guide/grainy-gradients) mostra come fare.

## Gradienti di menta più profondi: verso lo smeraldo e il bosco

Far scendere la menta verso lo smeraldo o il verde bosco dà un gradiente con freschezza e profondità insieme. Va bene per brand sostenibili, negozi di piante, matcha e cibo salutare, e il lato scuro regge il testo bianco. Per tutta la gamma dei verdi, vedi [i gradienti verdi](https://gradiently.design/it/guide/green-gradient).

- Dalla menta allo smeraldo: `linear-gradient(180deg, #d1fae5 0%, #34d399 50%, #047857 100%)`
- Serra: `linear-gradient(160deg, #a7f3d0 0%, #059669 55%, #064e3b 100%)`
- Matcha: `linear-gradient(135deg, #d9f99d 0%, #86efac 45%, #15803d 100%)`
- Menta chiara sul bosco: `radial-gradient(circle at 80% 15%, #a7f3d0 0%, #10b981 25%, #064e3b 70%, #022c22 100%)`

Menta sul lato chiaro, bosco sul lato scuro. I titoli vanno in basso in bianco o in alto in inchiostro bosco.

## Il testo su un gradiente verde menta

La menta è uno dei colori più chiari che esistano, quindi il testo bianco ci scompare: il bianco sulla menta piperita `#a7f3d0` misura ben meno di 2 a 1. Il verde bosco `#064e3b` sulla stessa menta misura circa 7,6 a 1 e tiene l’intero design in una sola famiglia di colori. Passa al bianco solo dove il gradiente si è approfondito fino allo smeraldo `#047857` o più scuro. [Contrasto dei colori e accessibilità](https://gradiently.design/it/guide/color-contrast-accessibility) spiega le soglie.

| Sfondo | Testo bianco | Testo bosco #064e3b |
| --- | --- | --- |
| Latte di menta `#d1fae5` | Non supera | Supera facilmente |
| Menta piperita `#a7f3d0` | Sotto 2:1, non supera | Circa 7,6:1 |
| Menta `#6ee7b7` | Circa 1,5:1, non supera | Circa 6,4:1 |
| Smeraldo `#047857` | Circa 5,5:1, supera | Non supera |

Misure su colore piatto. Su un gradiente, controlla il punto più chiaro dietro ogni riga.

Un post di prodotto per un caffè con titolo verde bosco su un gradiente di menta chiara e crema

Un post per un caffè su menta fresca con testo verde bosco. Sembra freddo, dolce e invitante.

Lo stesso design del caffè come storia verticale sul gradiente di menta

Lo stesso post come storia, con la menta resa per il formato più alto.

In Gradiently, Pro trasforma un design in ogni formato che ti serve in un solo passo, e Inchiostro automatico sceglie testo chiaro o scuro per ogni riga a partire dai colori del Mark, così una menta chiara non finisce mai con testo bianco illeggibile dopo un ridimensionamento. Piccoli caffè e negozi trovano altre idee in [branding per caffetterie](https://gradiently.design/it/guide/coffee-shop-branding) e [palette di colori primaverili](https://gradiently.design/it/guide/spring-color-palettes).

## CSS del gradiente verde menta per un sito web

In un sito web la menta funziona meglio come sfondo di una sezione che come sfondo dell’intera pagina, così si legge come un momento fresco tra sezioni bianche. Una tenue luce calda in un angolo evita che una grande area di menta sembri piatta, e il testo del corpo in verde bosco invece che nero tiene la pagina morbida.

```css
.section-mint {
  background-color: #ecfdf5; /* fallback */
  background-image:
    radial-gradient(circle at 85% 20%, #fde2cf 0%, transparent 35%),
    linear-gradient(160deg, #fbfdf7 0%, #d1fae5 50%, #a7f3d0 100%);
  color: #064e3b;
}

.section-mint a { color: #065f46; }
```

Menta fresca con una morbida luce pesca nell’angolo in alto a destra. Il testo verde bosco e i link smeraldo scuro superano il contrasto su tutta l’area.

## FAQ

### Qual è il codice esadecimale del verde menta?

Non esiste un unico standard. `#98ff98` è una menta brillante comune e `#3eb489` una più profonda; per i gradienti, mente più morbide come `#d1fae5` e `#a7f3d0` di solito rendono meglio.

### Quali colori stanno bene con un gradiente verde menta?

Crema, pesca, rosa tenue, giallo burro e verde bosco. I partner caldi evitano che la menta sembri clinica.

### Che colore di testo sta meglio sul verde menta?

Verde bosco scuro o antracite. Il testo bianco non supera il contrasto su quasi tutte le tonalità di menta.

### Perché il mio gradiente menta sembra clinico?

Probabilmente è accostato a bianco puro e grigio freddo. Sostituiscili con crema e un accento caldo, e aggiungi un po’ di grana.

### Menta e rosa stanno bene insieme in un gradiente?

Sì, a intensità pastello. Menta chiara e rosa tenue si fondono in modo pulito perché c’è poca saturazione che possa virare al grigio.