# Idee di colori per il brand: 30 palette con codici

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

La palette di un brand è fatta di quattro o cinque colori con un compito, non di un colore preferito e qualche amico. Ecco 30 punti di partenza per mood e settore, con codici da copiare e un modo per provarli.

## The short version

- 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.

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](https://gradiently.design/it/guide/60-30-10-rule) è un buon rapporto di partenza, anche se poi lo pieghi.

| Ruolo | Quota del design | Compito |
| --- | --- | --- |
| Sfondo | Circa 60% | Fondi, grandi aree, l’atmosfera |
| Principale | Circa 25% | Titoli, forme, il colore che le persone associano a te |
| Supporto | Circa 5 a 10% | Profondità, pannelli secondari, illustrazioni |
| Neutro | Solo testo | Testo corrente che deve leggersi sullo sfondo |
| Accento | Meno del 5% | Un pulsante, un prezzo, un segno per design |

Cinque ruoli, cinque quote. L’accento funziona perché è raro; se lo spargi ovunque diventa un secondo colore principale.

## 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](https://gradiently.design/it/guide/color-psychology).

- Blu profondo: #0b2545
- Porto: #13315c
- Blu nebbia: #8da9c4
- Salvia pallida: #eef4ed
- Ottone: #e0a458

1. Calmo e affidabile. Il blu notte dà stabilità; un accento ottone evita l’effetto estratto conto. Adatto a finanza, sanità e consulenza.

- Espresso: #3d2314
- Terracotta: #c8553d
- Albicocca: #f28f3b
- Crema: #f6e7cb
- Verde salvia: #588b8b

2. Caldo e amichevole. I rossi terrosi sulla crema sanno di fatto a mano. L’accento freddo verde salvia evita l’effetto bar come tanti altri.

- Foresta: #1b3a2f
- Muschio: #4f772d
- Felce: #90a955
- Lime tenue: #ecf39e
- Gesso: #fdfcf6

3. Fresco e naturale. Verdi dal profondo al vivace, su gesso, per brand di benessere e sostenibilità.

- Inchiostro: #0d0d1a
- Oltremare: #3a0ca3
- Viola: #7209b7
- Rosa acceso: #f72585
- Cielo elettrico: #4cc9f0

4. Audace e moderno. Uno sfondo quasi nero fa brillare il colore saturo. Usa il cielo elettrico con parsimonia.

- Nero morbido: #1a1a1a
- Terra d’ombra: #4a3f35
- Oro antico: #b08d57
- Lino: #e8dcc8
- Avorio: #f7f3ee

5. Lusso discreto. Poca saturazione e molto spazio. L’oro sembra costoso solo se è spento e usato con parsimonia.

- Inchiostro: #2b2d42
- Rosso corallo: #ff6b6b
- Girasole: #ffd93d
- Foglia: #6bcb77
- Blu piscina: #4d96ff

6. Giocoso. Quattro colori vivaci tenuti insieme da un unico inchiostro scuro. Lascia guidare un colore per design.

## 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.

| Attività | Palette | Codici | Perché funziona |
| --- | --- | --- | --- |
| Commercialista | Registro | `#1d3557` `#457b9d` `#f1faee` `#e63946` | Blu per la fiducia, un accento rosso riservato alla cifra che conta |
| Studio legale | Studio | `#2b2d42` `#8d99ae` `#edf2f4` `#9c6644` | Ardesia e carta con un accento marrone cuoio |
| Dentista | Sorriso pulito | `#03363d` `#17a398` `#e6f4f1` `#ffb703` | Il verde acqua sa di clinico ma non di freddo; il giallo è amichevole |
| Studio di fisioterapia | Recupero | `#264653` `#2a9d8f` `#e9f5f2` `#f4a261` | Verdi azzurri calmi con un accento caldo e incoraggiante |
| Caffè | Tostatura del mattino | `#4a2c2a` `#c08552` `#f3e9dc` `#5e8b7e` | Marroni da caffè con un verde inatteso |
| Panificio | Crumb | `#7f4f24` `#dda15e` `#fefae0` `#bc4749` | Crosta, burro e farina, con un rosso marmellata per le offerte |
| Ristorante serale | Cena a lume di candela | `#1b1b1e` `#7a1e2c` `#d4a373` `#f5ebe0` | Sfondo scuro e rosso vino sanno di cena, con un accento caramello |
| Fioraio | Stelo | `#2d4a3e` `#e5989b` `#ffcdb2` `#fffaf5` | Il verde foglia profondo fa sembrare fresco l’accento rosa tenue |
| Studio di yoga | Respiro | `#5e548e` `#9f86c0` `#e0b1cb` `#fbf8f3` | Viola crepuscolari che rallentano lo sguardo, con il rosa antico come accento |
| Palestra | Ripetizione | `#111111` `#3a3a3a` `#f2f2f2` `#e4ff1a` | Nero e grigio con un solo giallo acido squillante |
| Cura della pelle | Rugiada | `#6b4e3d` `#e8b4a0` `#f6e3d8` `#fdf8f4` | Toni pelle e bianchi caldi, marrone cacao per il testo, pesca come accento |
| Marchio di moda | Atelier | `#0f0f0f` `#c9c1b6` `#f4f1ec` `#8a1c1c` | Nero e pietra con un unico rosso bue |
| Gioielleria | Velluto | `#14213d` `#2e1a47` `#f5f0e6` `#c9a227` | I blu notte fanno risaltare l’accento oro come in una vetrina |
| Agenzia immobiliare | Porta d’ingresso | `#22333b` `#5e503f` `#eae0d5` `#c6ac8f` | Carbone e toni legno sanno di casa ben tenuta; la sabbia è l’accento |
| Studio di architettura | Cemento | `#262626` `#7d7d7d` `#d9d9d9` `#ff5a1f` | Grigi come materiali, un solo arancione di sicurezza |
| Strumento per sviluppatori | Terminale | `#0b1021` `#1f6feb` `#e6edf3` `#7ee787` | Blu da interfaccia scura con un accento verde codice |
| Fintech | Registro menta | `#0a2e2a` `#00b37e` `#d7f9ec` `#1e1e24` | Verde profondo con un accento menta brillante dice denaro senza cliché da dollaro |
| Prodotto di IA | Segnale | `#0e0b16` `#5b5bd6` `#a78bfa` `#f0abfc` | Indaco su quasi nero, con l’orchidea come accento sobrio |
| Podcast | In onda | `#1a1423` `#ff7b54` `#ffb26b` `#ffd56b` | Sfondo da studio scuro con una rampa calda da tramonto, guida il corallo |
| Brand per bambini | Parco giochi | `#118ab2` `#06d6a0` `#ffd166` `#ef476f` | Colori vivi e chiari ammorbiditi il giusto; il rosa è l’accento |
| Organizzazione benefica | Terreno comune | `#2f3e46` `#52796f` `#cad2c5` `#f4a259` | Verdi sobri con un arancione pieno di speranza |
| Attrezzatura outdoor | Inizio sentiero | `#283618` `#606c38` `#fefae0` `#dd6b20` | Oliva e tela con un arancione ad alta visibilità |
| Wedding planner | Promesse | `#6d597a` `#b56576` `#e8c2ca` `#fbf6f0` | Prugna con un accento rosa che sta bene stampato su carta |
| Artista musicale | Dopo mezzanotte | `#090014` `#3c096c` `#ff006e` `#fb5607` | Buio da club con due accenti caldi e legati tra loro |

Copia i codici nel tuo [brand kit](https://gradiently.design/it/guide/brand-kit) e modifica un colore finché non senti che è tuo.

## 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.

- Respiro come gradiente: `linear-gradient(160deg, #5e548e 0%, #9f86c0 50%, #e0b1cb 100%)`
- Blu calmo come gradiente: `linear-gradient(160deg, #0b2545 0%, #13315c 55%, #8da9c4 100%)`
- Bagliore caldo di terracotta: `radial-gradient(circle at 80% 20%, #f28f3b 0%, #c8553d 40%, #3d2314 85%)`

Tre delle palette sopra come sfondi. I colori vicini si fondono bene; tieni l’accento fuori dalla sfumatura e usalo sopra.

## 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à](https://gradiently.design/it/guide/color-contrast-accessibility) 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.

Un post verticale di un panificio con la scritta Pane fresco dalle sette su uno sfondo sfumato caldo

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](https://gradiently.design/it/guide/how-to-choose-brand-colors) ripercorre la decisione da zero, e le [combinazioni di colori per i loghi](https://gradiently.design/it/guide/color-combinations-for-logos) 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.

## FAQ

### 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.