20 idee di palette color tan con codici HEX

Il tan è una tonalità neutra e calda che rende subito i design accoglienti, rassicuranti e senza tempo. È così versatile da funzionare sia per UI moderne, interni accoglienti che branding di fascia alta—senza sembrare mai freddo o sterile.

Qui sotto trovi 20 idee di palette color tan con codici HEX, oltre a suggerimenti pratici e prompt AI che puoi usare per generare in pochi secondi visual abbinati.

Perché le palette Tan funzionano così bene

Il tan si posiziona a metà tra beige e marrone, portando calore senza la pesantezza delle tinte terrose scure. Per questo è una tinta base affidabile per layout che devono risultare accoglienti, rilassanti e “umani”.

Dato che il tan ha una saturazione naturalmente bassa, si abbina bene sia ad accenti freddi che caldi—blu navy, teal, salvia, terracotta, rosa cipria e persino quasi-neri. Puoi cambiare lo stile della stessa base tan da arioso e minimale a ricco e premium solo cambiando gli accenti e i colori a contrasto.

Il tan inoltre è molto tollerante tra materiali e luci, motivo per cui è popolare negli interni e nella fotografia di prodotto. Nel design digitale, questo si traduce in sfondi e superfici “soft” che affaticano meno gli occhi e rendono la lettura di contenuti lunghi più piacevole.

20+ Idee di Palette Tan (con codici HEX)

1) Desert Linen

HEX: #D2B48C #F3E8D6 #C6A175 #8B6B4A #FFFFFF

Atmosfera: calma, ariosa, luminosa come il sole

Ideale per: interni scandinavi, branding wellness, landing page

Calde e illuminate dal sole, queste tinte ricordano tende di lino mosse dalla brezza di un deserto. Usa il bianco crema per gli sfondi ampi e il marrone più profondo per titoli o dettagli d’arredo. Si abbina bene a materiali naturali come rovere, rattan e ceramiche opache. Consiglio: mantieni accessibile il contrasto abbinando il marrone più scuro con il crema più chiaro nelle aree testuali principali.

Esempio di immagine desert linen generata con media.io

Media.io

Media.io è uno studio AI online per creare e modificare video, immagini e audio direttamente dal browser.

Provalo ora gratis

2) Sandstone Studio

HEX: #C8A57A #EFE3D2 #B68C5A #2F3A3F #7DA1A8

Atmosfera: moderno, focalizzato, pulito come una galleria

Ideale per: web UI minimal, portfolio, pagine prodotto

Moderna e pulita come una galleria d’arte, questa combinazione ricorda muri di arenaria con angoli freschi in ombra. Come palette tan brilla se i neutri chiari occupano la maggior parte del layout e il blu ardesia viene usato per la tipografia. Il teal smorzato è un accento elegante per link, switch e badge senza risultare invadente. Consiglio: limita il teal ad uno stato interattivo per componente così l’interfaccia resta calma.

Esempio di immagine sandstone studio generata con media.io

3) Cocoa Drift

HEX: #C2A07A #E7D5BF #9A6B43 #3B2A22 #C65A2E

Atmosfera: avvolgente, tostato, boutique

Ideale per: packaging caffè, prodotti artigianali, overlay fotografici food

Morbida e tostata, questa scala cromatica ricorda nibs di cacao, zucchero caramellato e un tocco di brace. Usa l’espresso scuro come base premium per le etichette, e il tan caldo e il crema per leggibilità. L’arancione bruciato funziona come piccolo pop per dettagli aromatici, sigilli o callout. Consiglio: aggiungi una texture leggera tipo carta kraft per dare “spessore” ai marroni invece di appiattirli.

Esempio di immagine cocoa drift generata con media.io

4) Sunbaked Adobe

HEX: #D8B58C #F7F0E6 #B88E65 #A56B4B #4A3A34

Atmosfera: terroso, artigianale, caldo

Ideale per: partecipazioni di nozze, brand fatti a mano, cancelleria

Terrosa e fatta a mano, questa palette evoca muri adobe, vasi in terracotta e luce dorata del tramonto. Usa il crema effetto carta come background e sovrapponi toni tan e argilla per bordi o monogrammi. Il marrone intenso garantisce leggibilità per nomi e date senza risultare duro. Consiglio: scegli carta naturale o aggiungi effetti maculati per una resa ancora più organica.

Esempio di immagine sunbaked adobe generata con media.io

5) Oatmilk Minimal

HEX: #CCAA80 #F2E9DD #A78662 #6D5A4C #BFC6C9

Atmosfera: soffice, minimale, sobrio

Ideale per: layout editoriali, blog, brand rilassanti

Soffice e sobria, questa scala rievoca la schiuma d’avena sopra un espresso caldo. Il neutro chiaro è perfetto per leggere lunghi testi, taupe e marrone meglio per titoli e citazioni. Il grigio freddo dà un tocco moderno a elementi come regole, didascalie o dettagli UI. Consiglio: mantieni il testo principale sulla tinta più chiara e utilizza il marrone più scuro solo per i livelli gerarchici più importanti.

Esempio di immagine oatmilk minimal generata con media.io

6) Camel e Salvia

HEX: #C9A77A #EAE4D2 #8DAA8B #4D6B57 #2E3B34

Atmosfera: fresco, naturale, solido

Ideale per: branding botanico, etichette apoteca, prodotti eco

Fresco e naturale, questo abbinamento ricorda lana cammello e foglie di salvia pestata. Il neutro chiaro mantiene i layout leggeri mentre i verdi fanno da protagonisti tra icone, sigilli e ingredienti. Il verde quasi nero è perfetto per testi ove si desidera contrasto soft, non il nero puro. Consiglio: nel packaging, stampa la salvia con finitura opaca per rafforzare il mood naturale.

Esempio di immagine camel e sage generata con media.io

7) Tan e Navy Classico

HEX: #C5A07A #F2E6D8 #1E2A3A #B06A3B #D9C6B0

Atmosfera: classico, sicuro, sartoriale

Ideale per: branding abbigliamento uomo, loghi heritage, ecommerce premium

Classica e su misura, questa combo richiama giacche navy, suede tan e pinza per cravatta rame. Funziona meglio se il navy regge il peso visivo di tipografia e navigazione, lasciando respirare la pagina con i neutri chiari. Usa il rame-marrone solo per CTA, prezzi o cuciture. Consiglio: abbina headline serif e ampi spazi vuoti per un contrasto volutamente elegante.

Esempio di immagine tan e navy classic generata con media.io

8) Terracotta Glow

HEX: #D0B08A #F6E2C8 #C6654A #8D4A3B #2D2A28

Atmosfera: caldo, vivace, tramonto

Ideale per: interni boho, branding eventi, post social

Caldo e vivace, questo set ricorda piastrelle in terracotta illuminate dal sole pomeridiano. Scegli pesca-tan per gli sfondi e terracotta per accenti energetici come pulsanti, icone o blocchi focus. Il marrone-nero dona solidità per il testo e crea contrasto marcato al bisogno. Consiglio: negli interni riprendi la terracotta anche su tessuti e accessori in modo che il colore risulti integrato, non solo “pitturato”.

Esempio di immagine terracotta glow generata con media.io

9) Sepia Meadow

HEX: #CDAE86 #E5D8C6 #A07C5A #6E8A6B #3C4B3F

Atmosfera: nostalgico, naturale, calmo

Ideale per: brand outdoor, diari, cornici fotografia natura

Nostalgica e naturale, questa gamma evoca erbe essiccate su pagine di diario. Il verde salvia è perfetto come secondario su icone o titoli, mentre i marroni mantengono il focus “earthy”. Usa il tan medio per card e contenitori così da aggiungere struttura senza linee nette. Consiglio: per corniciare le foto mantieni i bordi nei neutri più chiari così l’immagine resta protagonista.

Esempio di immagine di prato seppia generata con media.io

10) Rame Mielato

HEX: #C7A37A #F1E2D0 #B87333 #E0B14B #2B2A2E

Atmosfera: lucido, caldo, di fascia alta

Ideale per: pubblicità skincare, branding gioielli, pagine prodotto premium

Lucide e calde, queste tonalità evocano miele, lamina di rame e una raffinata luce serale. Per abbinamenti color cuoio che risultano comunque lussuosi, abbina il neutro cremoso al quasi nero per i testi nitidi e lascia che il rame e l’oro svolgano la funzione di highlights. Mantieni i colori metallici come accenti su pulsanti, bordi o badge invece che su sfondi completi. Consiglio: aggiungi gradienti morbidi tra miele e rame per imitare la riflessione realistica della luce senza appesantire il layout.

Esempio di immagine di rame mielato generato con media.io

11) Pastelli Spiaggia

HEX: #D1B28A #FFF5EA #BFA58A #6E7F8A #F2A7B5

Atmosfera: giocoso, arioso, da costa

Ideale per: onboarding app, creator lifestyle, ecommerce leggero

Giocose e ventilate, queste tinte ricordano legno fluitato, aria marina e tramonto rosato. Usa il crema caldo per mantenere schermi brillanti, poi aggiungi il blu ardesia per navigazione ed etichette. Il rosa tenue funziona meglio per micro-accenti come indicatori di notifica, tag o illustrazioni. Consiglio: mantieni gli elementi pastello più grandi e meno saturi nei gradienti per evitare un aspetto zuccheroso.

Esempio di immagine di pastelli da spiaggia generato con media.io

12) Cuoio Rustico

HEX: #B9956D #E8D3BD #7A4E2D #3C2B22 #A14E3A

Atmosfera: robusto, caldo, da laboratorio

Ideale per: articoli in pelle, packaging artigianale, loghi makers

Robusto e caldo, questo set fa pensare a pelle consumata, cuciture da sella e un banco da lavoro usato. Usa il marrone più scuro come base per loghi e timbri, poi sovrapponi le tonalità più chiare per etichette e hangtag. L’accento mattone dona carattere a sigilli, edizioni limitate o piccoli motivi grafici. Consiglio: abbina textures impresse o grane delicate per esaltare l’aspetto artigianale.

Esempio di immagine di cuoio rustico generato con media.io

13) Argilla e Carbone

HEX: #CBB18C #F4E9DB #2F3136 #5A6B73 #D19B5A

Atmosfera: urbano, bilanciato, contemporaneo

Ideale per: dashboard, SaaS marketing, visualizzazioni dati

Urbane e bilanciate, queste tonalità ricordano intonaco d’argilla su cemento carbone. Il neutro chiaro mantiene le superfici pulite, mentre il carbone struttura tipografia e grafici. Usa il blu-grigio spento per l’UI secondaria e il giallo ambrato come highlight per i dati chiave. Consiglio: riserva l’ambra per una sola serie dati principale per mantenere le visualizzazioni facilmente leggibili.

Esempio di immagine di argilla e carbone generato con media.io

14) Marmo Caldo

HEX: #D3B792 #FAF5EE #B9B1A7 #7C6F63 #2C2A28

Atmosfera: elegante, silenzioso, architettonico

Ideale per: moodboard interni, servizi di lusso, portfolio

Elegante e discreto, questo mix ricorda venature di marmo caldo e morbide ombre di pietra. Usa l’avorio come tela principale e inserisci i grigi per struttura, griglie e divisori sottili. Il quasi nero profondo è perfetto per tipografia raffinata e monogrammi. Consiglio: aggiungi un elemento tattile, come pattern a linee sottili o dettagli a rilievo, per evitare che i neutri risultino piatti.

Esempio di immagine di marmo caldo generato con media.io

15) Grano Dorato

HEX: #D2B189 #F7ECDD #B67C4B #6A4A3C #2B2B2F

Atmosfera: solare, genuino, accogliente

Ideale per: food brand, caffè, blog di ricette

Solari e genuini, questi toni evocano campi di grano e croste tostate. Una palette beige come questa dà il meglio nei contesti food dove il calore deve essere appetitoso e non pesante. Usa il marrone scuro per titoli forti e neutri chiari per menù, card e blocchi sfondo. Consiglio: inserisci piccoli price tag o bottoni CTA a forte contrasto con il quasi nero per conversioni chiare.

Esempio di immagine di grano dorato generato con media.io

16) Crema Espresso

HEX: #C6A27C #EFE2D3 #5B3A2E #1F1B1A #C9D2D3

Atmosfera: accogliente, premium, intenso

Ideale per: caffetterie, boutique hotel, preset fotografici

Accogliente e intensa, questa palette richiama una caffetteria a lume di candela, tra espresso e crema montata. Usa il quasi nero per segnaletica e titoli, poi ammorbidisci l’insieme con superfici cremose e card beige calde. Il grigio freddo è un tocco smart per testo secondario e bordi UI sottili. Consiglio: negli interni, abbina i metalli con la palette usando nero spazzolato o bronzo antico per un look coerente.

Esempio di immagine crema espresso generato con media.io

17) Carta Vintage

HEX: #D0B690 #F9F2E8 #BCA98F #8A7C6C #5D5A57

Atmosfera: nostalgico, letterario, morbido

Ideale per: copertine libri, curriculum, cancelleria, blog

Nostalgiche e letterarie, queste sfumature evocano carta antica, grafite leggera e margini seppia. Usa la tonalità più chiara per sfondi comodi alla lettura e il grigio-marrone medio per testi principali confortevoli. Il grigio più scuro funziona bene per titoli, linee e icone sobrie. Consiglio: abbina un carattere con grazie e interlinea leggermente aumentata per amplificare l’atmosfera libraria.

Esempio di immagine carta vintage generato con media.io

18) Fiori di Duna

HEX: #CDB089 #F3E7D6 #E6A3A7 #8A9B7A #4F4B45

Atmosfera: romantico, delicato, primaverile

Ideale per: illustrazioni floreali, baby shower, regali boutique

Romantica e delicata, questa gamma ricorda fiori selvatici che sbocciano sulle dune morbide. Il rosa blush scalda senza sovrastare i neutri, mentre il verde spento mantiene l’aspetto naturale. Usa il grigio-marrone scuro per i testi così che le tonalità delicate restino nitide. Consiglio: in stampa, lascia il rosa su forme grandi e usa linee verdi sottili per steli e bordi per un tocco leggero.

Esempio di immagine fiori di duna generato con media.io

19) Noce e Orchidea

HEX: #C2A178 #EDE0D1 #5A3B4E #2D2A2F #C87E5B

Atmosfera: artistico, deciso, raffinato

Ideale per: lookbook moda, studi creativi, copertine album

Artistica e raffinata, questa combinazione ricorda il noce con ombra orchidea profonda. Usa il neutro chiaro per lo spazio negativo, poi lascia che il prugna e il quasi nero guidino titoli e font editoriali. Il corallo-marrone caldo è un ottimo accento per bottoni, didascalie o piccoli dettagli geometrici. Consiglio: mantieni le foto leggermente desaturate così che il prugna resti protagonista.

Esempio di immagine noce e orchidea generato con media.io

20) Ciottolo e Verde Mare

HEX: #C9AE86 #F2E7D8 #2F6B6D #1E2B2C #E0B45A

Atmosfera: fresco, outdoor, moderno

Ideale per: siti viaggio, UI attrezzature outdoor, branding moderno

Fresche e moderne, queste tonalità richiamano ciottoli levigati in acqua color teal. Usa i neutri caldi come base, poi lascia che il verde mare definisca elementi interattivi e navigazione. L’accento oro funziona bene per valutazioni, highlights o piccoli badge senza stonare. Consiglio: se progetti una UI, riserva il teal per le azioni primarie e usa il verde-nero scuro per il testo per mantenere il contrasto.

Esempio di immagine ciottolo e verde mare generato con media.io

Con quali colori sta bene il Tan?

Il beige si abbina splendidamente ad ancore profonde e fredde come navy, carbone e quasi nero—queste combinazioni risultano classiche e ad alto contrasto senza sembrare dure. Se desideri una direzione più naturale e da esterno, prova con salvia, oliva o teal spento per un equilibrio botanico e rilassante.

Per calore ed energia, punta su accenti terracotta, rame, ruggine e miele oro. Questi mantengono la palette coerente perché condividono le stesse note sottostanti del beige, facendo percepire gli highlight intenzionali e non casuali.

Se cerchi qualcosa di più soft, un rosa blush e un avorio caldo sono soluzioni facili. Schiariscono la base terrosa del beige e creano un mood delicato e accogliente per packaging, grafiche social o onboarding app.

Come usare una palette Tan nei progetti reali

Parti assegnando i ruoli: lascia che un beige chiaro o crema gestisca gli sfondi, poi usa un beige medio per card e superfici. Riserva il tono più scuro (espresso/carbone/navy) per tipografia e struttura UI principale per assicurare la leggibilità.

Gestisci con disciplina gli accenti. Il beige rende al meglio con un solo colore accento che porti la “personalità” (teal, salvia, terracotta o oro) riutilizzato con coerenza su bottoni, icone e highlights.

Nel branding e negli interni la texture conta quanto il colore. Abbina palette beige a materiali come lino, carta kraft, rovere, metallo spazzolato o overlay granulare per dare profondità e ricchezza al neutro.

Crea visual per palette Tan con l’AI

Se possiedi i codici HEX, puoi generare mockup coerenti (ambienti, packaging, UI, inviti) semplicemente descrivendo la scena e citando l’atmosfera della palette—soleggiata, intensa, minimale, rustica o di pregio.

Usa i prompt d’esempio sopra come template: modifica il soggetto (es. da “flacone skincare” a “etichetta candela”) e tieni invariati illuminazione e note di composizione per risultati omogenei. È un modo rapido per costruire moodboard brand o creatività di campagna.

Con Media.io puoi creare immagini a tema beige direttamente dal browser e iterare velocemente—perfetto per testare varie strade prima del design finale.

Successivo: Palette colore magenta