In breve
- 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.
In questa pagina
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.
: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;
}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 spiega perché il contesto le sposta.
Del teal stesso
Del teal stesso
Dal verde
Del teal stesso
Dal verde
Del teal stesso
Le tonalità di teal e cosa dice ciascuna
- 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 ha un metodo più completo.
Teal per una clinica: calmo, pulito e affidabile senza il gelo del blu ospedaliero.
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 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.
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à, e vedi le sfumature turchesi 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.
Le domande più frequenti
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.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo