Palette colori brand: come sceglierla davvero

I colori del brand non sono un vezzo estetico: sono un codice visivo che il pubblico impara a riconoscere. Una palette ben costruita rende il brand identificabile a colpo d'occhio; una palette improvvisata produce confusione e sembra amatoriale.

In questa guida vediamo come costruire una palette colori che funziona davvero, oltre il gusto personale e le tendenze del momento.

La struttura di una palette efficace

Una palette ben pensata ha una struttura gerarchica:

1. Colore primario (1)

L'identità visiva del brand. Il colore che il pubblico assocerà al tuo nome dopo poche esposizioni. Va scelto con grande cura: cambiarlo dopo è costoso.

2. Colori secondari (2-3)

Colori di supporto per accentare, differenziare, creare gerarchia visiva. Devono armonizzarsi con il primario senza sovrapporvisi.

3. Colori neutri (2-3)

Bianchi, grigi, neri usati per testo, sfondi, separatori. La palette neutra è invisibile ma fondamentale: copre il 60-70% di superficie nei materiali finali.

4. Colori funzionali (3-4)

Verde per successo, rosso per errore, giallo per attenzione, blu per informazione. Riconosciuti universalmente, vanno integrati con la palette del brand.

Criteri di scelta del primario

Cinque criteri che applichiamo per il colore primario:

1. Distintività nel settore

Se tutti i competitor del tuo settore usano blu, scegliere blu ti rende invisibile. Mappa la palette dei competitor e scegli un'area cromatica diversa, sempre coerente con il tuo positioning.

2. Coerenza con il messaggio

I colori comunicano significato (warm/cool, attivo/calmo, serio/giocoso). Verifica che il messaggio cromatico sia coerente con quello che il brand vuole dire.

3. Accessibilità

Il primario verrà usato come sfondo per testo e come testo su sfondo. Deve garantire contrasto sufficiente in entrambi i casi (WCAG AA almeno, AAA per progetti più rigorosi).

4. Versatilità tecnica

Funziona in stampa CMYK? Su monitor RGB? In contesti monocromatici? Un colore che funziona solo in alcuni contesti è un problema.

5. Durata

Il colore di tendenza dell'anno scorso è già datato. Privilegia colori classici nella struttura, distintivi nei dettagli (es. "non solo blu, ma una specifica tonalità di blu").

Tabella decisionale per settore

Linee guida orientative (non regole assolute) per categorie di settore:

Errori comuni nella scelta della palette

1. Troppi colori

10-15 colori "perché un giorno servirà". Risultato: nessuno sa quale usare quando, uso incoerente, percezione amatoriale.

Fix: max 5-8 colori totali, con regole di gerarchia chiare.

2. Tonalità simili

Tre tonalità di blu leggermente diverse. A occhio nudo si confondono. Il pubblico non capisce quale sia "il" colore del brand.

Fix: scelte cromatiche distinte e percepibilmente diverse.

3. Niente versione per dark mode

La palette funziona solo su sfondi chiari. In dark mode, contrasto compromesso, brand snaturato.

Fix: pianificare dall'inizio le varianti per sfondi scuri.

4. Colori non testati per accessibilità

Combinazioni che sembrano belle ma falliscono i test di contrasto WCAG. Esclude utenti con problemi visivi.

Fix: ogni combinazione testo-sfondo prevista va verificata con strumenti standard.

5. Documentazione incompleta

Si dimostra solo come usare il primario. Niente regole su quando usare il secondario, dove i neutri, come bilanciare. Risultato: applicazione caotica.

Fix: brand book con regole d'uso esplicite e percentuali consigliate.

Bilanciamento dei colori nei materiali

Una palette ben strutturata ha proporzioni d'uso suggerite:

Materiali che capovolgono queste proporzioni (primario al 60%, neutri al 20%) appaiono "gridati" e affaticano lo sguardo.

Test pratici prima di confermare

Prima di chiudere una palette, eseguiamo sempre questi cinque test:

Test 1: leggibilità

Testo del brand su sfondo del brand: si legge bene a 12px? a 16px? a 24px?

Test 2: accessibilità

Strumenti standard online verificano contrasto WCAG. Tutte le combinazioni text-background previste devono passare almeno AA.

Test 3: stampa B/N

La palette resta riconoscibile in monocromatico? I diversi colori si distinguono ancora?

Test 4: contesto reale

Mock-up dei materiali tipici (homepage, biglietto da visita, post social) usando la palette. Sembra coerente, professionale, distintiva?

Test 5: confronto competitor

Affianchiamo il logo + palette ai logo dei competitor. Si distingue? È riconoscibile? O si confonde?

Dai valori ai codici: HEX, RGB, CMYK e Pantone

Una palette diventa utilizzabile solo quando ogni colore ha un codice scritto: finché resta un'immagine, chi la applica lo ricostruisce a occhio.

Lo stesso colore appare diverso su carta e a schermo per un motivo fisico: uno schermo emette luce e somma rosso, verde e blu, la stampa sottrae luce riflessa combinando quattro inchiostri (ciano, magenta, giallo, nero). I due sistemi non coprono la stessa estensione di colori: i blu e i verdi molto saturi che brillano su un monitor non hanno un equivalente in quadricromia e sulla carta arrivano più spenti.

Per questo la consegna cambia col destinatario: a uno sviluppatore servono i valori per lo schermo, da incollare nel codice; a un tipografo servono i valori per gli inchiostri, più l'indicazione di cosa conta se il colore non è raggiungibile (la tonalità o la saturazione).

I valori dell'esempio sono inventati e mostrano solo la forma. La tinta piatta identifica un inchiostro già miscelato: serve quando il colore deve restare identico su materiali molto diversi (carta, cartone, tessuto, metallo), e di solito si definisce per il primario lasciando la quadricromia al resto.

Come verifichi il contrasto di una coppia di colori

Il rapporto di contrasto è un numero che confronta la luminosità relativa di due colori, da 1:1 (colori identici) a 21:1 (nero su bianco). Le linee guida WCAG 2.1 fissano le soglie così: nel livello AA il testo normale richiede almeno 4,5:1, il testo grande e gli elementi di interfaccia (bordi dei campi, icone informative, stati attivi) almeno 3:1; nel livello AAA il testo normale richiede almeno 7:1. Per testo grande si intende da 18 punti (circa 24 pixel) in su, oppure da 14 punti (circa 18,66 pixel) in grassetto.

1. Elenca le coppie che userai davvero, non tutte le combinazioni possibili: testo su bianco, testo su primario, primario su bianco, link su bianco, testo dei pulsanti sul pulsante. Ottieni una lista di sei o otto coppie con l'uso dichiarato accanto.

2. Calcola il rapporto dai due valori HEX con uno strumento di verifica del contrasto: ne esistono gratuiti online e integrati negli strumenti per sviluppatori del browser. Ottieni un numero, per esempio 3,1:1, e le soglie che supera.

3. Confronta il numero con la soglia dell'uso reale, non con quella più comoda: per un paragrafo il riferimento è 4,5:1, per un titolo grande o per il bordo di un campo è 3:1. Il risultato è un verdetto secco riga per riga.

4. Correggi la luminosità, non la tonalità: scurisci il testo (o schiarisci lo sfondo) a piccoli passi e ricalcola, finché il numero supera la soglia. Ottieni una variante dello stesso colore, riconoscibile nella palette, che però si legge.

5. Registra la variante con il suo mestiere: blu primario per superfici e pulsanti, blu testo per la scrittura su fondo chiaro. Da qui la palette ha due blu documentati e nessuno deve più indovinare quale usare.

Ne esce una regola che vale quasi sempre: il primario del brand non funziona come colore del testo su bianco. I primari si scelgono saturi, e la saturazione non porta contrasto: un blu medio brillante si ferma spesso intorno a 3:1, buono per un titolo grande, non per un paragrafo. Serve una variante più scura, inserita nella palette con quel nome.

Documentare la palette perché sopravviva a chi l'ha scelta

Una palette documentata male dura pochi mesi: chi arriva dopo non trova i valori e li rifà a occhio. I valori devono vivere in tre posti, allineati:

• nel foglio di stile del sito, come variabili con nomi parlanti (--brand-primario, --brand-testo) usate da tutti i componenti, così che un cambio si faccia in un punto solo;
• nel programma di grafica, come stili o librerie di colore condivise, perché nessuno digiti i valori a mano;
• in una pagina del brand book, la versione leggibile da chiunque, fornitori compresi.

Accanto ai valori servono le regole d'uso, scritte come frasi decidibili: quale colore per i pulsanti principali e quale per quelli secondari, quale per gli avvisi di errore e quale per le conferme, e soprattutto cosa non si fa mai (primario su secondario, testo su fondo saturo, colori funzionali usati per decorare). Le proibizioni evitano più danni delle prescrizioni.

Serve poi un responsabile: una persona nominata, non "il marketing", che aggiorna il documento quando la palette cambia, con la data di ultima revisione in testa alla pagina. Senza un nome e una data nessuno sa se sta guardando la versione buona.

La scheda colore che consegni contiene, per ogni colore:

1. Il nome interno, quello che si usa parlando (blu primario, non "quello scuro").
2. I valori HEX, RGB, CMYK e, se previsto, il riferimento a tinta piatta.
3. La variante per fondo scuro e quella per il testo, con i valori.
4. Gli usi ammessi, in una riga (sfondo dei pulsanti principali, intestazioni).
5. Gli usi vietati, in una riga (testo sotto i 24 pixel su bianco).
6. I rapporti di contrasto verificati con i colori che lo accompagnano.
7. La percentuale d'uso consigliata sulla superficie.
8. La data dell'ultima revisione e il nome di chi l'ha fatta.

Conclusione

La palette colori è uno degli investimenti meno costosi e più impattanti del brand. Una palette ben fatta funziona per anni; una improvvisata richiede modifiche continue che minano la riconoscibilità.

Costruirla con metodo significa applicare criteri funzionali (accessibilità, versatilità, distinguibilità) prima dei criteri estetici. Una volta che la palette passa i test funzionali, l'estetica si esprime naturalmente.

Il colore giusto del brand non è quello che piace di più al founder: è quello che funziona meglio per il pubblico target, in tutti i contesti d'uso, per i prossimi anni.