# Significato del colore teal (verde petrolio) e perché i brand lo amano

[Canonical HTML page](https://gradiently.design/it/guide/teal-color-meaning)

Il teal fa due lavori insieme: calma come il blu e rinfresca come il verde. Questo doppio significato, e il fatto che non sia un semplice blu, è il motivo per cui tanti brand di salute, finanza e tecnologia lo scelgono.

## The short version

- Il significato del colore teal combina la calma, la chiarezza e la fiducia del blu con il rinnovamento, la salute e l’equilibrio del verde.
- Il teal prende il nome dall’alzavola, una piccola anatra i cui maschi hanno una macchia verde iridescente intorno all’occhio.
- Il colore con nome CSS teal è #008080, un blu verde medio fatto di verde e blu in parti uguali e senza rosso.
- I brand scelgono il teal perché ispira fiducia come il blu ma si distingue dai tanti brand che già usano il blu.
- Arancio e corallo sono i complementari naturali del teal, ed è per questo che teal e arancio è un abbinamento così comune nel cinema e nel design.

Il **significato del colore teal** è una calma con un battito: unisce la fiducia, la chiarezza e la compostezza del blu al rinnovamento, alla salute e all’equilibrio del verde. Il teal appare fresco ma serio, riflessivo ma non freddo. Inoltre evita la folla. Un brand che vuole la rassicurazione del blu senza sembrare ogni banca e azienda di software ha nel teal una risposta pronta, ed è in gran parte per questo che compare in sanità, finanza, benessere e tecnologia.

## Da dove viene il teal

Il colore prende il nome dall’alzavola (in inglese common teal), una piccola anatra di superficie i cui maschi portano una larga fascia di verde iridescente dall’occhio all’indietro. La parola è entrata in uso come nome di colore in inglese all’inizio del Novecento. Sugli schermi, il teal significa quantità uguali di luce verde e blu e nessun rosso; la parola chiave CSS `teal` è esattamente questo.

```css
:root {
  /* The CSS named colour */
  --teal: teal; /* #008080, rgb(0 128 128) */

  /* A practical brand scale */
  --teal-100: #ccfbf1;
  --teal-300: #5eead4;
  --teal-500: #14b8a6;
  --teal-700: #0f766e;
  --teal-900: #134e4a;
}
```

La parola chiave `teal` e una scala a cinque passi che puoi incollare in un foglio di stile. Il passo 700 regge comodamente il testo bianco.

## La psicologia del colore teal

La maggior parte delle associazioni del teal viene dall’acqua e dalla natura: il mare tropicale poco profondo, le lagune, le pozze minerali e la patina del rame antico. Queste immagini lo fanno sentire pulito, fresco, rigenerante e un po’ prezioso. Come ogni significato dei colori, sono associazioni apprese e non regole, e [la psicologia del colore](https://gradiently.design/it/guide/color-psychology) spiega perché il contesto le sposta.

| Dal blu | Dal verde | Del teal stesso |
| --- | --- | --- |
| Fiducia | Rinnovamento | Chiarezza con calore |
| Calma | Salute | Fresco ma adulto |
| Competenza | Equilibrio | Né aziendale né rustico |
| Profondità | Crescita | Moderno e neutro rispetto al genere |

Il teal prende da entrambi i genitori e finisce con un carattere tutto suo.

## Le tonalità di teal e cosa dice ciascuna

- Schiuma di mare: #ccfbf1
- Teal acqua: #5eead4
- Teal brillante: #14b8a6
- Teal CSS: #008080
- Teal profondo: #0f766e
- Teal scuro: #134e4a
- Abisso: #042f2e
- Teal polveroso: #5f8f8a

I teal chiari sembrano arieggiati e clinici, quelli scuri ricchi e silenziosi, e il teal polveroso sa di interni e artigianato.

- **Schiuma di mare e teal acqua:** freschezza, spa, estate, accessibilità.
- **Teal brillante:** energia e ottimismo con un taglio tecnico; ottimo per app e dashboard.
- **Teal profondo e scuro:** sicurezza, profondità e lusso; una forte alternativa al blu navy.
- **Teal polveroso:** calmo, vintage e fatto a mano; funziona per articoli per la casa, ceramiche e caffè.

## Perché i brand amano il teal

Il teal risolve un problema comune del branding. Il blu è la scelta sicura per tutto ciò che riguarda denaro, salute o dati, quindi molti concorrenti lo usano già. Il teal conserva gran parte della credibilità del blu e aggiunge un senso di cura e freschezza, che è esattamente il tono che vuole una clinica, un’app per la pensione o un servizio di benessere. Inoltre è privo della forte connotazione di genere che portano il rosa e certi blu.

Ci sono casi in cui il teal è meno adatto. Se la tua intera categoria tende già al teal, come accade in certi mercati del benessere e dentali, smette di essere distintivo e ti serve un secondo elemento firma. Un teal molto brillante può anche sembrare giovane e tecnologico, il che può stonare per uno studio legale storico o un’impresa di pompe funebri. In quei casi un teal polveroso o molto scuro mantiene la calma senza l’aria da start-up. [Come scegliere i colori del brand](https://gradiently.design/it/guide/how-to-choose-brand-colors) ha un metodo più completo.

Post quadrato di una clinica su una calma sfumatura teal che annuncia visite in giornata

Teal per una clinica: calmo, pulito e affidabile senza il gelo del blu ospedaliero.

Post quadrato di un’app finanziaria su sfondo teal profondo con la frase I tuoi risparmi, a colpo d’occhio

Teal profondo per un’app di denaro: credibile come una banca, ma più caldo e moderno.

## Come costruire un brand attorno al teal

1. **Decidi quanto chiaro o profondo** I teal chiari sembrano aperti e cordiali; quelli profondi sembrano consolidati. Scegli un teal protagonista e annota il suo hex, così ogni file usa esattamente lo stesso colore.
2. **Dagli un colore per il testo** Controlla quale inchiostro si legge sul tuo teal protagonista. I teal brillanti vogliono un testo quasi nero; quelli profondi reggono il bianco.
3. **Aggiungi un accento caldo** Un corallo, un arancio o un oro usato a piccole dosi evita che una palette teal sembri clinica. Riservalo a pulsanti, prezzi o una sola forma.
4. **Provalo presto in stampa** I teal molto brillanti sullo schermo possono stampare in modo visibilmente più spento. Chiedi una prova prima di ordinare confezioni o insegne; [RGB e CMYK](https://gradiently.design/it/guide/rgb-vs-cmyk) spiega perché.
5. **Portalo negli sfondi** I post social e le slide sono dove le persone vedono più spesso un brand. Uno sfondo teal coerente su di essi fa più per la riconoscibilità del solo logo.

## Colori che stanno bene con il teal

Il complementare del teal sta nella gamma dell’arancio e del corallo, quindi gli accenti caldi lo fanno brillare. Quell’opposizione è anche dietro la nota correzione colore teal e arancio nei film, dove le ombre fredde fanno risaltare la pelle calda. Per palette più calme, tieni il teal con i suoi vicini, blu navy e verde salvia, come in [i colori analoghi](https://gradiently.design/it/guide/analogous-colors).

- Da teal ad arancio: `linear-gradient(135deg, #134e4a 0%, #0f766e 50%, #f97316 100%)`
- Da schiuma di mare a teal profondo: `linear-gradient(160deg, #ccfbf1 0%, #5eead4 50%, #0f766e 100%)`
- Laguna di notte: `radial-gradient(circle at 70% 30%, #14b8a6 0%, #134e4a 50%, #042f2e 100%)`
- Teal e corallo: `linear-gradient(135deg, #0f766e 0%, #fb7185 100%)`

Il teal con i suoi complementari caldi e con le sue stesse tonalità più profonde. Altro in [le sfumature teal](https://gradiently.design/it/guide/teal-gradient).

### Da evitare

- Testo bianco su teal brillante `#14b8a6`: circa 2,5:1
- Testo bianco su `#0d9488`: circa 3,7:1, ancora sotto il 4,5:1
- Dal teal dritto al rosso, che diventa spento al centro

### Da fare

- Testo quasi nero su teal brillante, circa 8:1
- Testo bianco su teal profondo `#0f766e`, circa 5,5:1
- Sfuma il teal attraverso il blu navy o il verde, non attraverso la ruota

Controlla le tue coppie con il metodo di [contrasto dei colori e accessibilità](https://gradiently.design/it/guide/color-contrast-accessibility), e vedi [le sfumature turchesi](https://gradiently.design/it/guide/turquoise-gradient) se vuoi una versione più brillante e solare della stessa famiglia. Quando vuoi un look teal solo tuo, cerca «teal profondo» nel Mercato di Gradiently: ogni Mark ha un solo proprietario alla volta e mantiene leggibile il testo mentre si muove.

## FAQ

### Cosa significa il colore teal?

Il teal significa calma, chiarezza e fiducia dal blu, insieme a rinnovamento, salute ed equilibrio dal verde. Appare fresco e moderno ma ancora serio.

### Qual è il codice hex del teal?

Il colore con nome CSS teal è #008080. I brand spesso usano versioni più chiare o più profonde, come #14b8a6 o #0f766e.

### Il teal è blu o verde?

Entrambi. Il teal è un blu verde, ottenuto sullo schermo da luce verde e blu in parti uguali e senza rosso.

### Quale colore sta meglio con il teal?

Arancio e corallo sono i suoi complementari e lo fanno brillare. Blu navy, verde salvia, crema e oro danno abbinamenti più calmi ed eleganti.

### Cosa simboleggia il teal scuro?

Il teal scuro suggerisce profondità, sicurezza e lusso discreto. Molti brand lo usano come alternativa più calda e distintiva al blu navy.