Schemi di colori bianco e marrone: 20 palette con codici hex

Una tavolozza di colori marrone bianco fonde i bianchi ariosi con i marroni a terra, creando disegni che sembrano caldi, puliti e affidabili. È un modo semplice per ottenere un look premium senza fare affidamento su colori forti.

Dai menu dei caffè all'interfaccia utente minimale, questi caldi neutri apportano una struttura calma, un contrasto morbido e un'atmosfera naturale "artigianale" che funziona sia nella stampa che nel digitale.

Perché le tavolozze bianche e marroni funzionano così bene

Il bianco porta chiarezza e spazio per respirare, mentre il marrone aggiunge peso, calore e una sensazione naturale. Insieme, creano un contrasto confortevole che si legge come moderno, senza tempo e "reale".

Queste tavolozze sono flessibili: spingerle più leggere per layout minimali e editoriali, oppure tendere a toni di cacao più profondi per un branding premium e moody. Inoltre si abbinano magnificamente alla trama: grano di carta, legno, pietra e ombre morbide.

Poiché le tonalità sono familiari (crema, caffè, sabbia, noce), una combinazione di colori bianco e marrone tende a sembrare affidabile e accessibile, ideale per etichette di prodotti, marchi di lifestyle e interfacce calme.

20+ idee di tavolozza di colori bianco marrone (con codici esagonali)

1) Latte di lino

esagonale:#fbf6ef#efe2cf#d6bc9a#a67852#4b2f22

umore:Accogliente, invitante, morbidamente rustico

Migliore per:cafe branding e menu design

Accogliente e invitante, come il latte al vapore che si trasforma in un caffè espresso in una mattina piovosa. Usa i toni del lino pallido per generosi spazi bianchi e i marroni caramello per titoli e divisori. Si adatta a loghi, menu e carte fedeltà di caffè dove il calore è più importante del contrasto. Suggerimento: stampa su stock non rivestito per rendere i tans ancora più ricchi.

Esempio di immagine di lino latte generato utilizzando media.io

Media.io

Media.io è uno studio di intelligenza artificiale online per creare e modificare video, immagini e audio nel tuo browser.

Provalo ora gratuitamente

2) Mocca di marmo

esagonale:#ffffff#f2f2f0#cbb9a7#8c6a52#2c1d16

umore:Elegante, di lusso, editoriale

Migliore per:Imballaggi di lusso per la cura della pelle

Elegante e di lusso, come controsoffitti di marmo accanto a un arrosto scuro. Mantenere i toni quasi bianchi come superficie principale, quindi utilizzare moka e caffè espresso per la tipografia e calcolo degli ingredienti. Il mix funziona benissimo con lamina metallizzata o lucido spot per una sensazione premium. Suggerimento: riserva il marrone più intenso per i piccoli dettagli in modo che la confezione rimanga ancora ariosa.

Esempio di immagine di marble mocha generato utilizzando media.io

3) Studio di latte di avena

esagonale:#f7f2ea#e7dccd#c8b29a#9a7657#5a3c2a

umore:Minimale, calmo, moderno

Migliore per:mockup ui 2d per un negozio di lifestyle

Calmo e moderno, come uno studio illuminato dal sole con ripiani in rovere e tessuti morbidi. Usa i toni dell'avena e della sabbia per i pannelli e le carte, quindi porta in noce per le azioni chiave e la navigazione. Il contrasto rimane delicato, rendendolo ideale per pagine di shopping a lungo scorrimento. Suggerimento: abbinare con icone grigie calde per mantenere l'interfaccia utente nitida senza raffreddarsi.

Esempio di immagine di oatmilk studio generato utilizzando media.io

4) Carta di cacao

esagonale:#fffaf3#eadfce#c6aa8c#8a5c3c#3a241c

umore:Artigianale, a terra, caldo

Migliore per:progettazione di involucro di cioccolato artigianale

Fatto a mano e a terra, come involucri di carta piegati e il profumo di puntini di cacao. Mantieni il bianco cremoso per il marchio del marchio e lascia che i marroni medi portino il lavoro del modello e i blocchi degli ingredienti. Si adatta a imballaggi, etichette e set regalo per piccoli lotti che necessitano di un aspetto artigianale. Suggerimento: Aggiungi una texture di grana sottile ai toni più chiari per evitare una stampa piatta.

Esempio di immagine di carta di cacao generata utilizzando media.io

5) Cabina di sabbia

esagonale:#f5efe6#e2d0ba#b69574#7b543a#2b1a12

umore:Rustico, all'aperto, confortevole

Migliore per:mountain lodge sito web eroe

Rustico e confortevole, come un portico di cabina dopo un'escursione e stivali calciati dalla porta. Usa la sabbia pallida come sfondo e porta castagne per titoli che sembrano robusti e accoglienti. Si abbina bene alla fotografia della natura, in particolare con le texture sempreverdi e pietrine. Suggerimento: mantenere il testo del corpo nel marrone più scuro per mantenere la leggibilità su pannelli chiari.

Esempio di immagine di cabina di sabbia generata utilizzando media.io

6) Castagna in porcellana

esagonale:#ffffff#f1ece6#d0bfae#9b7558#563525

umore:Senza tempo, raffinato, morbido contrasto

Migliore per:suite invito matrimonio

Senza tempo e raffinato, come piatti di porcellana accanto al legno lucido. Mantieni i bianchi dominanti per una sensazione formale, quindi usa la castagna per monogrammi, bordi e dettagli RSVP. I toni sembrano belli con il tipo serif, goffratura e liner busta. Suggerimento: scegliere una carta bianca calda per evitare che i marroni diventino troppo arancioni nella stampa.

Esempio di immagine di castagna in porcellana generata utilizzando media.io

7) Noce alla vaniglia

esagonale:#fff7e8#eddcc0#c9a57b#8b6241#3e2618

umore:Dolce, accogliente, accessibile

Migliore per:Etichette di prodotti da forno

Dolce e accessibile, come la glassa alla vaniglia sopra le noci tostate. Utilizzare i toni chiari burrosi per la base dell'etichetta e le sfumature di noce per i nomi dei prodotti e i distintivi di sapore. Funziona particolarmente bene su barattoli, sacchetti di pane e adesivi stagionali. Suggerimento: Aggiungi un piccolo badge ad alto contrasto nel marrone più intenso per una rapida scansione degli scaffali.

Esempio di immagine di vaniglia noce generato utilizzando media.io

8) Argilla e crema

esagonale:#fcf5ec#e8d2bd#c39b7d#9a6b4a#4a2b1f

umore:Terrena, creativa, artigianale

Migliore per:Ceramica workshop Volantino

Terrena e creativa, come l'argilla bagnata sulle mani e gli scaffali riscaldati in forno. Lascia che la crema porti lo spazio del titolo, quindi strati argilla e terracotta marroni per forme, informazioni di classe e blocchi di prezzo. Si abbina bene con semplici illustrazioni a linea di vasi e utensili. Suggerimento: mantenere la tonalità più scura per la chiamata all'azione in modo che il volantino rimanga facile da scansionare.

Esempio di immagine di clay & cream generato utilizzando media.io

9) Cappuccino alla deriva

esagonale:#f9f4ee#e6d7c9#bfa58c#7b5a45#2a1a14

umore:Rilassato, intimo, classico

Migliore per:progettazione copertina libro

Rilassato e intimo, come l'arte in schiuma che lentamente sbiadisce su un cappuccino. Usa i toni più chiari per i gradienti di sfondo e il marrone medio per le lettere del titolo che sembra letterario e caldo. Funziona bene con texture di carta sottili e illustrazioni minime. Suggerimento: Aggiungi una sottile linea chiave bianca intorno al tipo scuro se lo sfondo include grano.

Immagine Esempio di cappuccino drift generato utilizzando media.io

10) Corteccia di betulla

esagonale:#fffdf8#efe7db#cdbfae#8a6f57#3b2a20

umore:Naturale, arioso, nordico

Migliore per:interior design mood board

Naturale e arioso, come le betulle contro un pallido cielo invernale. Utilizzare il bianco scuro e i taupes pallidi per i blocchi di grandi dimensioni, quindi portare in marrone corteccia per note di mobili e etichette di materiali. Questo set ama abbinarsi a apparecchi neri opachi e accenti di salvia attenuati. Suggerimento: mantenere i motivi sottili e lasciare che la texture faccia il sollevamento pesante.

Esempio di immagine di corteccia di betulla generata utilizzando media.io

11) Pergamena antica

esagonale:#fff8e9#ead8bf#c7ad88#9a744f#5a3c25

umore:vintage, accademico, caldo

Migliore per:Editoriale magazine spread

Vintage e accademico, come vecchie pagine di pergamena e spine di pelle. Usa la crema più chiara per i margini e le colonne, quindi affidati ai marroni più ricchi per le intestazioni delle sezioni e le virgolette. Si adatta a layout lunghi dove il comfort è importante tanto quanto la chiarezza. Suggerimento: scegli un nero leggermente caldo per il testo del corpo in modo che si inserisca naturalmente nella tavolozza.

Esempio di immagine di pergamena antica generata utilizzando media.io

12) Mandorle tostate

esagonale:#fdf6ee#ead9c9#d2b49a#a37a56#5b3926

umore:amichevole, sano, illuminato dal sole

Migliore per:Biglietti di ricette per blog di cibo

Amichevole e illuminato dal sole, come mandorle tostate sparse su un tovagliolo di lino. Mantieni i toni chiari per i passaggi della ricetta e gli spazi bianchi, quindi usa i toni marroni caramello per i titoli e gli ingredienti evidenziati. Si abbina bene con foto di cibo in alto e semplici icone. Suggerimento: utilizzare il marrone di tono medio per i divisori in modo che il layout rimanga morbido piuttosto che scatolato.

Esempio di immagine di mandorla tostata generata utilizzando media.io

13) smalto Espresso

esagonale:#faf2e7#e3d1bf#b99378#6b4632#1f1410

umore:Audace, drammatico, lunatico

Migliore per:Annuncio del prodotto premium coffee

Audace e malinconico, come lo sciroppo espresso versato sulla panna. Usa l'espresso quasi nero come ancoraggio per i titoli, quindi solleva il layout con uno spazio negativo beige morbido. Funziona nelle pubblicità di fascia alta dove il contrasto e la moderazione sembrano lussuosi. Suggerimento: mantenere solo un elemento di accento nella tonalità più scura per evitare di sopraffare i toni più chiari.

Immagine Esempio di glassa espresso generata utilizzando media.io

14) Tè al latte minimo

esagonale:#fffaf6#efe3da#d7c1b3#a47b67#5a3a2f

umore:Morbido, moderno, sobrio

Migliore per:mockup dell'interfaccia utente 2d per un'app di benessere

Morbido e sobrio, come il tè al latte in un bicchiere trasparente. Usa i toni intermedi blush-beige per le carte e gli input, quindi riserva il cacao più profondo per i pulsanti primari e gli stati attivi. Supporta gli schermi onboarding calmi senza sentirsi spazzati via. Suggerimento: Aggiungi ombre sottili invece di bordi rigidi per mantenere l'interfaccia delicata.

Esempio di immagine di milk tea minimal generato utilizzando media.io

15) Galleria rustica

esagonale:#f8f4ef#e4d8cc#c0a894#7f604c#3a2a23

umore:Curato, caldo, artistico

Migliore per:portfolio layout del sito web

Curato e artistico, come una piccola galleria con calde luci e cornici in legno. Mantenere lo sfondo quasi bianco in modo che la fotografia si distingua, quindi utilizzare taupe e marrone per la navigazione e le didascalie. Questi toni supportano un aspetto tranquillo e sicuro senza rubare l'attenzione dal lavoro. Suggerimento: utilizzare la tonalità più scura solo per gli stati di hover per mantenere la sensazione della pagina chiara.

Esempio di immagine di galleria rustica generata utilizzando media.io

16) Cotone del deserto

esagonale:#fffdfb#f0e6db#d8c3ad#b08463#6b4630

umore:Sole, rilassato, arioso

Migliore per:Segnaletica interna boutique

Lavato al sole e rilassato, come un tessuto di cotone che si asciuga nell'aria del deserto. Usa i bianchi pallidi per lo spazio negativo e i caldi abbronzatori per wayfinding e segnali di prezzo che ti sembrano amichevoli. Si abbina bene con apparecchi in ottone, quercia chiara e fiori essiccati. Suggerimento: prova il tono medio su vinile opaco in modo che rimanga leggibile sotto luce calda.

Esempio di immagine di desert cotton generato utilizzando media.io

17) Pietra e Scone

esagonale:#f6f3ee#e2d8ce#bca998#806452#38261f

umore:Cordiale, accogliente, equilibrato

Migliore per:brunch poster design

Accogliente e accogliente, come uno scone caldo su un piatto di gres. Utilizzare la base cremosa per il campo poster, quindi stratificare marroni medi per i blocchi di illustrazione e la pianificazione. Questi toni si sentono accoglienti per eventi di quartiere e menù stagionali. Suggerimento: Aggiungi un singolo piccolo pop di verde oscurato se hai bisogno di un ulteriore segnale di gerarchia.

Esempio di immagine di stone & scone generato utilizzando media.io

18) Sussurro di cannella

esagonale:#fff6ef#f0ddcf#d3b19a#b07a5a#5f3a2a

umore:Romantico, gentile, accogliente

Migliore per:etichette di candela fatte a mano

Romantico e delicato, come la cannella nell'aria calda al tramonto. Creme morbide e abbronzature rosate costituiscono una bella base per l'etichetta, mentre il più profondo spice brown accentua il nome del profumo. Una delle più semplici combinazioni di colori bianco-marrone per piccoli imballaggi perché rimane leggibile senza sentirsi duro. Suggerimento: utilizzare il tipo arrotondato e molto spazio per respirare per appoggiarsi all'umore calmo.

Esempio di immagine di cinnamon whisper generato utilizzando media.io

19) Museo Sepia

esagonale:#fbfbf8#ede6dc#cdbba8#91725a#4a3227

umore:Storico, premuroso, lucido

Migliore per:brochure della mostra

Storico e premuroso, come foto di sepia in una tranquilla sala di museo. Utilizzare i neutri pallidi per generosi margini e lasciare che i marroni più caldi guidino le intestazioni e le schede di sezione. Si abbina bene alle immagini monocromatiche e alle regole pregiate in grigio caldo. Suggerimento: mantenere il contrasto elevato su piccole didascalie scegliendo i due toni più scuri per il tipo.

Esempio di immagine di museo sepia generato utilizzando media.io

20) Cacao al cocco

esagonale:#fffefc#f1ede6#d6c7b8#9d7e66#50372b

umore:Pulito, biologico, moderno

Migliore per:Imballaggio sapone naturale

Pulito e biologico, come trucioli di cocco su cacao scuro. Usa i bianchi per un look fresco e orientato agli ingredienti, quindi porta il marrone cacao per varianti di profumo e marchi di timbro. Una palette di colori bianco-marrone ben equilibrata per i marchi eco perché sembra naturale senza sembrare fangoso. Suggerimento: Aggiungere una piccola linea botanica nel tono medio per legare tutto insieme.

Esempio di immagine di cacao di cocco generato utilizzando media.io

21) Mocca nebbia invernale

esagonale:#ffffff#f3f1ee#d9d0c6#a98b77#5a4237

umore:Morbido, arioso, tranquillamente caldo

Migliore per:Progettazione dell'intestazione della posta elettronica delle vacanze

Morbido e arioso, come una mattina d'inverno con una tazza calda in mano. I bianchi a tendenza fresca mantengono i layout freschi, mentre i marroni moka aggiungono calore stagionale senza diventare rossi o verdi. Funziona bene per intestazioni e-mail, banner e semplici blocchi promozionali. Suggerimento: Usa il tono medio per punti sottili o motivi simili alla neve, non riempimenti pesanti.

Immagine Esempio di nebbia moka invernale generata utilizzando media.io

22) Biscotti e corteccia

esagonale:#fff8f0#edd9c8#caa487#855a3f#2f1d15

umore:Confortante, terroso, audace contrasto

Migliore per:Rustico Ristorante branding

Confortante e terroso, come biscotti su una tavola di legno. Utilizzare la crema per biscotti per sfondi di segnaletica e la corteccia marrone per logotipi e marchi in stile timbro. Queste combinazioni di colori bianco-marrone sembrano particolarmente forti con carta strutturata, stampa e semplici loghi distintivi. Suggerimento: mantenere il colore dell'accento a un piccolo elemento, come un punto rosso peperoncino, in modo che il marchio rimanga a terra.

Esempio di immagine di biscuit & bark generato utilizzando media.io

Quali colori vanno bene con il marrone bianco?

Bianco e marrone si abbinano naturalmente a grigi caldi, carboni morbidi e verdi attenuati (salvia, oliva, eucalipto). Queste aggiunte mantengono la tavolozza calma aggiungendo profondità per gli stati dell'interfaccia utente, le icone e la gerarchia tipografica.

Per una direzione un po' più premium o editoriale, prova gli accenti metallici (oro, ottone) o inchiostro quasi nero. Se vuoi un tocco fresco e moderno, dusty blues può raffreddare il calore senza scontri.

Quando aggiungi un colore di accento, tienilo piccolo e intenzionale-distintivi, collegamenti o un singolo highlight-in modo che il fondotinta neutro caldo sembri ancora coeso.

Come utilizzare una tavolozza di colori marrone bianco nei disegni reali

Inizia con il bianco/crema più chiaro come tela principale, quindi assegna un marrone medio per le superfici secondarie (carte, pannelli, etichette). Utilizzare il marrone più scuro con parsimonia per testo, icone e CTA chiave per proteggere la leggibilità.

Nella stampa, le tavolozze bianco-marrone sembrano migliori quando si appoggiano a materiali: carta non rivestita, grana sottile, goffratura o lucentezza spot. In digitale, sostituisci i bordi pesanti con ombre delicate e divisori grigio caldo per evitare un look "fangoso".

Se il contrasto sembra troppo morbido, aumenta la separazione con la scala (titoli più grandi), spaziatura (più spazio bianco) e texture (motivi solo nelle mezze tonalità) piuttosto che aggiungere altri colori.

Crea visuali della tavolozza bianca e marrone con l'intelligenza artificiale

Vuoi vedere questi codici HEX in veri mockup—menu, confezioni, poster, schermate UI e altro? Con Media.io puoi generare visual d'impatto dal tuo brief e iterare rapidamente.

Descrivi il layout, lo stile e l’illuminazione che desideri (ad esempio: "etichetta skin-care minimal, sfondo crema, tipografia mocha"), poi perfeziona finché la palette non sarà perfetta per il tuo progetto.

Prossimo: Palette colori Grigio Blu Chiaro