In breve
- Una palette di brand che funziona ha quattro o cinque colori con compiti fissi: uno sfondo, un colore principale, un tono di supporto, un neutro per il testo e un accento.
- L’accento è il colore che le persone ricordano, quindi dovrebbe comparire su una cosa alla volta, come un pulsante, un prezzo o il segno del logo.
- Le palette adatte a un settore aiutano i clienti a capire cosa vendi, ma è un solo colore inatteso a rendere riconoscibile un brand.
- Prova la palette su design reali e a dimensioni reali, in chiaro e in scuro, prima di sceglierla, perché le campionature su una pagina bianca nascondono quasi tutti i problemi.
- Controlla che il colore del testo sul tuo sfondo rispetti il contrasto WCAG, altrimenti il testo corrente sarà difficile da leggere per molte persone.
In questa pagina
Buone idee di colori per il brand partono dai compiti, non dalle preferenze. Scegli un colore di sfondo su cui poggia la maggior parte dei design, un colore principale che dica che tipo di attività sei, un tono di supporto per dare profondità, un neutro per il testo e un accento con cui le persone ti ricordano. Qui sotto trovi 30 palette costruite così, sei per mood con le campionature e 24 per settore con i codici, più un metodo rapido per provare quella che scegli.
Come si costruisce la palette colori di un brand
Quasi tutte le palette fallite sono cinque colori dello stesso peso: nessuno guida, quindi nulla è riconoscibile. Una palette funziona quando ogni colore ha la sua quota di spazio: lo sfondo ne copre la maggior parte, il colore principale una bella parte, l’accento solo una scheggia. La regola 60 30 10 è un buon rapporto di partenza, anche se poi lo pieghi.
Compito
Quota del design
Compito
Compito
Compito
Compito
Palette colori del brand per mood
Parti da qui se sai già che sensazione vuoi dare. Le associazioni dei colori sono culturali e non universali, come spiega la psicologia del colore.
Idee di colori per il brand per settore
Ogni palette di settore elenca quattro codici, di solito dal più scuro al più chiaro, e l’ultimo è il colore che fa da accento. Le convenzioni esistono per un motivo: un dentista in verde acqua e un forno in marroni caldi si capiscono a colpo d’occhio. Rispetta la convenzione con il colore principale e infrangila con dolcezza con l’accento.
Palette
Codici
#1d3557 #457b9d #f1faee #e63946Perché funziona
Palette
Codici
#2b2d42 #8d99ae #edf2f4 #9c6644Perché funziona
Codici
#03363d #17a398 #e6f4f1 #ffb703Perché funziona
Palette
Codici
#264653 #2a9d8f #e9f5f2 #f4a261Perché funziona
Codici
#4a2c2a #c08552 #f3e9dc #5e8b7ePerché funziona
Palette
Codici
#7f4f24 #dda15e #fefae0 #bc4749Perché funziona
Palette
Codici
#1b1b1e #7a1e2c #d4a373 #f5ebe0Perché funziona
Codici
#2d4a3e #e5989b #ffcdb2 #fffaf5Perché funziona
Palette
Codici
#5e548e #9f86c0 #e0b1cb #fbf8f3Perché funziona
Codici
#111111 #3a3a3a #f2f2f2 #e4ff1aPerché funziona
Palette
Codici
#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Perché funziona
Palette
Codici
#0f0f0f #c9c1b6 #f4f1ec #8a1c1cPerché funziona
Palette
Codici
#14213d #2e1a47 #f5f0e6 #c9a227Perché funziona
Palette
Codici
#22333b #5e503f #eae0d5 #c6ac8fPerché funziona
Palette
Codici
#262626 #7d7d7d #d9d9d9 #ff5a1fPerché funziona
Palette
Codici
#0b1021 #1f6feb #e6edf3 #7ee787Perché funziona
Codici
#0a2e2a #00b37e #d7f9ec #1e1e24Perché funziona
Palette
Codici
#0e0b16 #5b5bd6 #a78bfa #f0abfcPerché funziona
Codici
#1a1423 #ff7b54 #ffb26b #ffd56bPerché funziona
Palette
Codici
#118ab2 #06d6a0 #ffd166 #ef476fPerché funziona
Palette
Codici
#2f3e46 #52796f #cad2c5 #f4a259Perché funziona
Palette
Codici
#283618 #606c38 #fefae0 #dd6b20Perché funziona
Palette
Codici
#6d597a #b56576 #e8c2ca #fbf6f0Perché funziona
Palette
Codici
#090014 #3c096c #ff006e #fb5607Perché funziona
Come far sentire una palette come il tuo brand
Ciò che trasforma una palette in elenco in un’identità è una decisione che nessun altro nella tua via ha preso, di solito l’accento: uno studio legale in marrone cuoio, una palestra in giallo acido. Cambia prima l’accento e tieni lo sfondo e il colore del testo, così guadagni un aspetto senza perdere leggibilità.
Evita
- Cinque colori vivaci usati in egual misura
- Scegliere prima il colore del logo e il resto a occhio
- Un accento su ogni elemento di ogni design
- Testo grigio chiaro su fondo crema
- Scegliere da campioni su una pagina bianca
Fai
- Un solo sfondo che copre la maggior parte dello spazio
- Prima i ruoli, poi i colori per riempirli
- Una sola cosa in evidenza per design
- Un neutro scuro che supera il contrasto
- Provare su un post, una storia e un banner veri
Una palette fusa in un gradiente morbido ti dà uno sfondo inconfondibilmente tuo, purché i colori siano affini.
Prova i colori del brand prima di sceglierli
- 1
Crea tre design veri
Un post quadrato, una storia 1080×1920 e un’intestazione 1500×500, con parole vere e il tuo logo.
- 2
Controlla il contrasto del testo
Il tuo neutro sul tuo sfondo dovrebbe superare il livello WCAG AA. Contrasto dei colori e accessibilità mostra come misurarlo.
- 3
Guardalo in piccolo
Riduci il post alla dimensione di una miniatura. Se riesci ancora a riconoscerlo come tuo, la palette sta facendo il suo lavoro.
- 4
Provalo accanto ai concorrenti
Affianca il tuo post a quelli di tre rivali locali. Se il tuo si confonde, cambia l’accento, non tutta la palette.
- 5
Scrivi i codici
Annota ogni codice hex e il suo ruolo in un unico posto.
Provare una palette su un post vero: titolo, dettaglio e sfondo devono funzionare insieme a 1080×1350.
Se vuoi una mano nella scelta, come scegliere i colori del brand ripercorre la decisione da zero, e le combinazioni di colori per i loghi la restringono ai due o tre colori che dovrebbe usare il segno stesso.
Trasformare i colori del brand in un aspetto
Cinque codici hex li può copiare chiunque. In Gradiently un Mark porta una palette come sfondo vivo, con una luce, una grana e un movimento suoi, e non ce ne sono due uguali. Cerca nel Mercato con parole di colore come «verde petrolio» per trovarne uno vicino alla tua palette, usalo gratis per progettare e riservalo, così solo tu puoi esportare con lui. Il tuo brand kit custodisce i codici esatti per testo e accenti.
Le domande più frequenti
Quanti colori dovrebbe avere un brand?
Quattro o cinque bastano alla maggior parte dei brand: uno sfondo, un colore principale, un tono di supporto, un neutro per il testo e un accento. Oltre è difficile usarli con coerenza.
Qual è il colore migliore per un nuovo brand?
Non esiste un colore migliore in assoluto. Scegli un colore principale adatto a ciò che vendi, poi un accento che i concorrenti non usano, così i clienti ti individuano.
I colori del brand devono rispecchiare il settore?
Rispettare il settore con il colore principale aiuta a farti capire in fretta. Romperlo con l’accento è ciò che ti rende memorabile.
Come verifico che i colori del brand siano accessibili?
Misura il contrasto del colore del testo sullo sfondo con un verificatore di contrasto WCAG. Il testo corrente dovrebbe raggiungere almeno 4,5:1.
Posso usare un gradiente come colore del brand?
Sì, purché sia fatto di colori affini della tua palette e tu tenga una versione piatta per usi piccoli come favicon e testo.
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