In breve
- Per scegliere i colori del brand, parti dal carattere del brand e dal suo pubblico, poi guarda quali colori usa già il tuo settore.
- Una palette di brand forte si costruisce attorno a un solo colore principale che le persone possano associare a te, non a più colori di pari peso.
- La maggior parte di una palette di brand è fatta di neutri: uno scuro tinto per il testo, un chiaro tinto per gli sfondi e uno o due colori di supporto discreti.
- Un colore d’accento, usato con parsimonia, dà agli inviti all’azione e ai punti salienti un modo per spiccare.
- Ogni palette di brand va verificata per il contrasto del testo e nei formati reali, in piccolo e in stampa, prima di metterla per iscritto.
In questa pagina
Come scegliere i colori del brand, in breve: decidi che sensazione deve dare il brand, guarda i colori che i concorrenti hanno già fatto propri, scegli un colore principale che ti distingua, circondalo di neutri e di un piccolo accento, poi verifica tutto per il contrasto e nei design reali. I passaggi qui sotto trasformano tutto questo in un metodo che puoi completare in un pomeriggio. Il risultato è una palette in cui ogni colore ha un compito, invece di cinque colori che ti piacciono per caso.
Se tinta, saturazione e luminosità sono concetti nuovi per te, leggi prima le basi della teoria del colore. Ogni passaggio diventerà più semplice.
Il metodo in sintesi
- 1
Descrivi il carattere del brand in tre parole
Calmo, preciso, caldo. Audace, giocoso, locale. Queste parole decidono temperatura, saturazione e contrasto prima ancora che tu guardi un solo campione.
- 2
Sappi chi ti guarda
Considera il tuo pubblico, dove ti vedrà e, se lavori in più paesi, cosa significano lì i colori. Il significato dei colori nel mondo ti aiuta.
- 3
Mappa il tuo settore
Raccogli loghi, siti e packaging di dieci concorrenti e annota i loro colori principali. Stai cercando cosa è affollato e cosa è libero.
- 4
Scegli un colore principale
Un colore che le persone assoceranno a te. Deve rispecchiare le tue tre parole e distinguersi nella mappa del settore.
- 5
Aggiungi i neutri
Un quasi nero tinto per il testo e un quasi bianco tinto per gli sfondi, più un tono di supporto discreto.
- 6
Aggiungi un accento
Un colore a contrasto per pulsanti, prezzi e punti salienti, usato con parsimonia.
- 7
Verifica il contrasto
Controlla ogni coppia di testo e sfondo rispetto ai rapporti WCAG.
- 8
Prova nel contesto e mettilo per iscritto
Applica la palette ai formati reali, poi registra ogni codice e il ruolo di ogni colore.
Passi da 1 a 3: carattere, pubblico e settore
La maggior parte delle palette di brand fallisce prima ancora di scegliere un colore, perché nessuno ha deciso che sensazione deve dare il brand. Bastano tre parole. Caldo, artigianale, senza fretta porta verso colori terrosi e smorzati con un contrasto morbido. Netto, veloce, tecnico porta verso colori freddi e saturi con un contrasto forte. La psicologia del colore spiega cosa tendono a comunicare i colori e perché il contesto conta più delle regole.
Poi guarda la concorrenza. Supponi di essere una piccola torrefazione e che quelle vicine a te usino soprattutto marrone, crema e nero. Un altro marrone si confonderebbe. Una mappa del settore lo rende evidente.
| Concorrente | Colore principale | Sensazione |
|---|---|---|
| Torrefazione A | Marrone espresso | Tradizionale |
| Torrefazione B | Crema e nero | Minimale, classica |
| Torrefazione C | Marrone kraft | Artigianale |
| Torrefazione D | Verde bosco | Naturale |
| Spazio libero | Arancio caldo, verde petrolio profondo | Nessuno nei dintorni li usa |
Essere diversi non significa essere casuali. Gli spazi liberi migliori rispecchiano comunque le tue tre parole. Una torrefazione calda e artigianale potrebbe prendersi un arancio tostato; un blu elettrico brillante sarebbe diverso, ma sbagliato.
Passi da 4 a 6: principale, neutri e accento
Il colore principale è quello che le persone ricorderanno. Affidagli la maggior parte dei momenti di colore del brand: il logo, il packaging, il primo fotogramma di ogni post. Scegliere due o tre colori principali di pari peso disperde la riconoscibilità; uno solo è più forte.
I neutri fanno la maggior parte del lavoro. Nero e bianco puri sembrano generici; tingili leggermente verso il tuo colore principale oppure verso il caldo o il freddo, e tutta la palette sembrerà coerente. Poi aggiungi un colore di supporto discreto per pannelli e illustrazioni, e un accento per le poche cose che devono spiccare.
Da evitare
- Cinque colori della stessa importanza
#000000e#ffffffpuri come neutri- Un accento usato ovunque
- Scegliere in base al proprio colore preferito
Da fare
- Un colore principale, chiaramente in testa
- Neutri tinti verso il brand
- Un accento riservato ad azioni e punti salienti
- Scegliere in base al carattere e allo spazio libero nel settore
La regola 60-30-10 è una guida pratica alle proporzioni: circa 60% neutri, 30% principale e supporto, 10% accento. I numeri esatti contano meno di un ordine chiaro.
Passo 7: verifica il contrasto
Le WCAG chiedono un rapporto di contrasto di almeno 4,5:1 per il testo normale e 3:1 per il testo grande. Controlla ogni coppia che intendi usare. I colori di brand a metà della scala di luminosità, come molti arancioni e verdi, spesso funzionano con il testo bianco ma non con il nero, oppure solo in grande.
| Testo su sfondo | Rapporto | Da usare per |
|---|---|---|
| Inchiostro su carta | 16,4:1 | Tutto il testo |
| Carta su arancio tostato | 4,9:1 | Testo corrente e grande |
| Inchiostro su arancio tostato | 3,4:1 | Solo testo grande |
| Petrolio profondo su carta | 5,1:1 | Link e testo corrente |
| Inchiostro su avena | 12,9:1 | Tutto il testo |
Il contrasto dei colori spiega i rapporti e come misurarli. Se il tuo colore principale non funziona né con il testo chiaro né con quello scuro, scuriscilo leggermente invece di rinunciarci; qualche punto percentuale di luminosità passa quasi sempre inosservato.
Passo 8: prova nel contesto, poi mettilo per iscritto
I campioni mentono. Un colore che sembra raffinato in un piccolo quadrato può risultare opprimente su un’intera storia, e un neutro delicato può sparire su un telefono al sole. Applica la palette ai formati che userai davvero.
Post Instagram
1080 × 1350
Storia
1080 × 1920
Hero del sito
1920 × 1080
Biglietto da visita
1050 × 600
- In piccolo: il colore principale si legge ancora come tale in una favicon o in una foto profilo?
- In stampa: il colore principale si riproduce con l’inchiostro? I colori molto vivaci sullo schermo spesso si stampano più spenti. Vedi stampare i gradienti.
- Modalità scura: i neutri si invertono con eleganza?
- Accanto ai concorrenti: metti il tuo post vicino ai loro. Capisci a colpo d’occhio qual è il tuo?
Infine, mettilo per iscritto: nome, HEX e RGB di ogni colore, gli equivalenti CMYK o Pantone se stampi, il ruolo di ogni colore e gli abbinamenti di testo approvati. Inseriscilo nella tua guida di stile del brand e nel brand kit, così viene usato allo stesso modo ovunque.
Le domande più frequenti
Quanti colori deve avere un brand?
Di solito un colore principale, due neutri, un colore di supporto e un accento. Oltre diventa difficile usarli in modo coerente.
Come scelgo un colore di brand che si faccia notare?
Mappa i colori principali dei concorrenti, trova un colore poco usato nel tuo settore e verifica che rispecchi ancora il carattere del tuo brand.
I colori del brand vanno scelti in base alla psicologia del colore?
Usa le associazioni come guida, non come regola. Il significato dei colori dipende molto da cultura, settore e contesto, quindi essere riconoscibili e coerenti di solito conta di più.
Che contrasto devono avere i colori del brand per il testo?
Le WCAG raccomandano almeno 4,5:1 per il testo normale e 3:1 per il testo grande. Controlla ogni coppia di testo e sfondo che pensi di usare.
Posso cambiare i colori del brand in seguito?
Sì, ma la riconoscibilità costruita sui vecchi colori si perde gradualmente. Piccoli ritocchi a luminosità o saturazione sono più semplici che cambiare tinta.
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
