20 combinazioni di palette grigio e bianco moderno da provare

Una tavolozza di colori bianco grigio è il modo più veloce per rendere i disegni puliti, moderni e intenzionali. Ti dà contrasto, gerarchia e spazio respiratorio senza combattere il tuo contenuto.

Di seguito sono riportate 20 combinazioni di tavolozza bianca e grigia (con codici esadecimali) che puoi utilizzare per l'interfaccia utente, il branding, la stampa e gli interni, oltre ad esempi di richieste che puoi ricreare con Media.io.

Perché le tavolozze bianche e grigio funzionano così bene

Le combinazioni di colori grigio-bianco sono naturalmente flessibili: possono sembrare calde (bianco cremoso + grigi taupe) o fresche (grigi inclinati al blu + bianchi croccanti) pur rimanendo minimali e leggibili.

Creano anche una gerarchia affidabile. Con pochi passi dal bianco al carbone, puoi separare le sezioni, creare profondità nelle carte e indirizzare l'attenzione sui pulsanti o sui titoli senza aggiungere rumore visivo.

Ancora più importante, i toni neutri rendono i tuoi contenuti l'eroe: foto, prodotti, tipografia e visualizzazioni dei dati tendono a sembrare più premium quando la tavolozza non è in competizione per l'attenzione.

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

1) calcestruzzo smerigliato

esagonale:#f6f6f4#e3e4e6#c7c9cc#8e9096#2f3033

umore:fresco, a terra, architettonico

Migliore per:Interni loft industriali

Freddi e architettonici, questi toni sembrano calcestruzzo lucido sotto la luce invernale. Funzionano magnificamente su grandi superfici come pareti, mobili e mobili da incasso dove il contrasto sottile è importante. Abbinalo a ferramenta nera opaca, acciaio spazzolato o rovere calda per evitare che sembri sterile. Consiglio di utilizzo: metti il carbone più scuro sulle finiture o sulle cornici delle finestre per affilare lo spazio senza sopraffare.

Immagine Esempio di calcestruzzo smerigliato 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) Biancheria invernale

esagonale:#fbfaf7#f0eee8#d9d6cf#b0aea7#4a4946

umore:Caldo, calmo, intimo

Migliore per:Inviti di matrimonio

Caldo e calmante, si legge come tessuto di lino, carta di pergamena e morbida luce di candela. Il bianco cremoso mantiene la tipografia elegante, mentre il grigio più profondo aggiunge appena abbastanza struttura per nomi e date. Abbinare con foglio d'oro, accenti di faro o illustrazioni di fiori pressati per un finale romantico. Consiglio di utilizzo: mantenere lo sfondo bianco e riservare il tono più scuro per le intestazioni per mantenere la chiarezza della stampa.

Esempio di immagine di biancheria invernale generata utilizzando media.io

3) nebbia di grafite

esagonale:#ffffff#e7e8ea#bfc2c7#6b6f77#1f2228

umore:Elegante, moderno, focalizzato

Migliore per:Interfaccia utente dell'app in modalità scura

Elegante e focalizzato, la gamma sembra una nebbia che rotola sulla grafite, con riflessi nitidi che mantengono le cose leggibili. Si adatta alle interfacce in modalità scura in cui la gerarchia dipende da passaggi sottili piuttosto che dai colori forti. Abbinare con un accento elettrico come ciano o lime per stati attivi e notifiche. Suggerimento per l'uso: utilizzare il quasi nero per la tela principale e il grigio medio per le carte per evitare contrasti fangosi.

Immagine Esempio di nebbia di grafite generata utilizzando media.io

4) Pareti della galleria

esagonale:#f8f8f8#ededed#cfcfcf#9a9a9a#2a2a2a

umore:Pulito, curato, minimalista

Migliore per:branding di gallerie d'arte

Pulito e curato, evoca pareti bianche, illuminazione morbida e spazio negativo tranquillo intorno alle opere d'arte. Questa tavolozza di colori bianco grigio è ideale per i marchi che hanno bisogno del contenuto per guidare pur sentendosi premium. Abbinare con un singolo colore di firma audace per i punti salienti della mostra o etichette di eventi. Consiglio d'uso: mantenere i loghi in carbone e lasciare che i grigi chiari gestiscano gli sfondi in modo che le stampe rimangano nitide.

Esempio di immagine di pareti di galleria generate utilizzando media.io

5) Acciaio e neve

esagonale:#fafbfd#dfe6ee#b9c3cf#6c7a89#22272e

umore:crisp, tech-forward, arioso

Migliore per:Pagine di destinazione dei prodotti tecnologici

Nitidi e tecnologicamente avanzati, questi grigi freddi sembrano abbagliare la neve contro l'acciaio spazzolato. I toni creano profondità per sezioni e carte senza bordi pesanti, il che è perfetto per i moderni layout web. Le combinazioni di colori bianco e grigio come questo si abbinano bene a CTA di cobalto, verde azzurro o verde neon per una messa a fuoco istantanea. Suggerimento per l'uso: utilizza la tinta più chiara per lo spazio degli eroi e porta il grigio ardesia per la navigazione per ancorare la pagina.

Esempio di immagine di acciaio e neve generato utilizzando media.io

6) Carbone di perla

esagonale:#f5f3f4#e0dde0#b8b2b9#7a747d#2b262e

umore:Morbido, lussuoso, sofisticato

Migliore per:Imballaggio di bellezza

Morbida e lussuosa, la tavolozza si legge come polvere di perle e carbone fumoso in uno specchio di vanità. Funziona bene per i cosmetici in cui un sottile contrasto segnala qualità e moderazione. Abbinalo a lamina rosa-oro, cappucci neri lucidi o un accento malva morbido per un tocco boutique moderno. Consiglio d'uso: mantenere la copia nella tonalità più scura e utilizzare i toni medi per i pannelli secondari in modo che le etichette rimangano leggibili sotto l'abbagliamento.

Immagine Esempio di carbone di perla generato utilizzando media.io

7) Porto nebbioso

esagonale:#f2f5f4#d6dcda#aeb8b5#6a7774#2d3534

umore:nebbioso, costiero, rilassato

Migliore per:Lobby degli hotel costieri

Nebbioso e rilassato, ricorda la nebbia marina, il legno alla deriva e la pietra di ardesia vicino alla costa. Le note verde-grigio impediscono ai neutri di sembrare piatti, soprattutto negli spazi pubblici aperti. Abbinalo al beige sabbia, al legno intemperato e al caldo ottone per un'accogliente atmosfera costiera. Suggerimento per l'uso: utilizzare il tono più scuro nella segnaletica wayfinding in modo che rimanga leggibile contro le pareti pallide.

Esempio di immagine di foggy harbor generato utilizzando media.io

8) Studio monocromatico

esagonale:#fcfcfc#f1f1f1#d5d5d5#7d7d7d#1a1a1a

umore:Tagliente, editoriale, senza tempo

Migliore per:Siti web del portfolio

Nitida e senza tempo, sembra uno studio luminoso con bandiere nere e sfondi di carta pulita. I forti endpoint fanno sembrare la tipografia e le immagini intenzionali, anche con uno stile minimo. Abbinare con un colore di accento per gli stati di hover e i tag del progetto, ma tenerlo contenuto. Suggerimento per l'uso: impostare il testo del corpo in grigio intenso anziché in nero puro per ridurre l'abbagliamento sulle sezioni bianche.

Esempio di immagine di monochrome studio generato utilizzando media.io

9) ardesia morbida

esagonale:#f7f8fa#e1e4ea#c2c7d0#7b8391#343a44

umore:Professionale, calmo, affidabile

Migliore per:Relazioni aziendali

Professionali e calmi, questi grigi inclinati al blu suggeriscono diapositive lucide, tavoli ordinati e dati affidabili. Sono eccellenti per i rapporti in cui i grafici necessitano di separazione senza linee dure. Abbinare con un accento moderato come navy o smeraldo per le metriche chiave e le chiamate. Suggerimento per l'uso: utilizzare la tinta più pallida per lo sfondo delle pagine e riservare l'ardesia per le intestazioni per mantenere i documenti lunghi facili da scansionare.

Esempio di immagine di ardesia morbida generata con media.io

10) Marble Ledger

esagonale: #f9f9f9 #e8e7e5 #c9c6c0 #9a968f #3a3936

umore: elegante, silenzioso, raffinato

Migliore per: design di bagni di lusso

Elegante e silenzioso, ricorda le venature del marmo, le piastrelle in calcare e la luce soffusa degli hotel. I grigi caldi mantengono lo spazio come una spa anziché una clinica. Abbinare con finiture in metallo champagne, asciugamani color crema e legno chiaro per un look di lusso rilassato. Consiglio d’uso: riprendi il grigio medio nelle fughe o nei dettagli in pietra per rendere la stanza omogenea.

Esempio di immagine di marble ledger generato con media.io

11) Cloud Office

esagonale: #ffffff #f2f4f7 #d6dbe3 #9aa3b2 #2e3440

umore: chiaro, arioso, produttivo

Migliore per: dashboard SaaS

Chiara e ariosa, sembra la luce del giorno filtrare da grandi finestre in un ufficio tranquillo. Questa palette di grigio-bianco è pensata per dashboard che richiedono superfici calme e gerarchia ben definita. Abbinare a un unico colore del brand per i pulsanti primari e usare tinte leggere per stati e avvisi. Consiglio d’uso: mantieni le linee della griglia molto leggere e usa la spaziatura e il grigio medio per la struttura.

Esempio di immagine cloud office generata con media.io

12) Quiet Loft

esagonale: #f4f4f2 #deddd9 #b9b6af #86827a #3c3a35

umore: accogliente, moderno, vissuto

Migliore per: allestimento appartamenti moderni

Accoglienti e vissuti, questi neutri caldi evocano plaid di lana, carta naturale e morbide ombre. Ideali per l’allestimento, valorizzano i pavimenti in legno e rendono gli spazi fotogenici. Abbinare con ceramiche terracotta, piante d’ulivo e tessuti strutturati per aggiungere calore. Consiglio d’uso: usa la tonalità più scura solo per cornici e illuminazione per mantenere la stanza luminosa.

Esempio di immagine quiet loft generato con media.io

13) Snowcap Branding

esagonale: #ffffff #f5f5f5 #dadada #a3a3a3 #2c2c2c

umore: pulito, sicuro, versatile

Migliore per: loghi startup e pitch deck

Pulito e sicuro, ricorda carta fresca con inchiostro nitido e tipografia moderna. Il contrasto è abbastanza forte per loghi, icone e grafici senza essere troppo duro. Questa combinazione di grigio e bianco si abbina bene a un color accent deciso come cobalto, corallo o lime. Consiglio d’uso: mantieni le slide per lo più chiare e usa il carbone solo per titoli e numeri chiave.

Esempio immagine snowcap branding generato con media.io

14) Ashen Minimal

esagonale: #f8f7f6 #e2e0de #c6c2bf #8f8a86 #3b3836

umore: semplice, soffice, sobrio

Migliore per: fondali per fotografia prodotto

Semplice e sobria, ricorda intonaco morbido, cenere e luce diffusa da studio. Queste tonalità fanno risaltare i prodotti senza contrasti forti o dominanti di colore. Abbinare con un materiale tattile come carta kraft, lino o ceramica per aggiungere profondità agli scatti. Consiglio d’uso: usa il grigio medio come superficie e tieni la sfumatura più chiara per fondi senza soluzione di continuità.

Esempio di immagine ashen minimal generato con media.io

15) Silver Birch

esagonale: #f6f7f5 #e0e4dd #c0c7bf #879186 #2f352f

umore: fresco, naturale, bilanciato

Migliore per: etichette skincare eco

Fresco e naturale, richiama la corteccia di betulla, le foglie di salvia e la luce del mattino presto. Il sottotono verde-grigio aggiunge una sensazione organica adatta a marchi di bellezza e wellness naturale. Abbina con texture di carta riciclata e un dettaglio botanico smorzato come eucalipto o argilla. Consiglio d’uso: mantieni i blocchi ingredienti sullo sfondo più chiaro e usa il tono più scuro per il testo normativo per garantire leggibilità.

Esempio immagine silver birch generato con media.io

16) Polar Night

esagonale: #fdfdfd #d9dde1 #a7adb5 #515a66 #0f141b

umore: drammatico, cinematografico, ad alto contrasto

Migliore per: poster cinematografici

Drammatico e cinematografico, ricorda la neve al chiaro di luna con un orizzonte profondo e inchiostro. L’ampia gamma di contrasti favorisce caratteri audaci, sfumature atmosferiche e silhouette forti. Abbina a un solo dettaglio saturo come cremisi o blu elettrico per i titoli. Consiglio d’uso: usa i grigi medi come texture di sfondo così il testo vicino al nero e gli elementi focali restano nitidi.

Esempio immagine polar night generato con media.io

17) Concrete Chic

esagonale: #f3f3f3 #d8d8d8 #b2b2b2 #707070 #252525

umore: urbano, elegante, moderno

Migliore per: menu ristorante

Urbano ed elegante, ricorda i banconi in cemento, metallo satinato e una sala da pranzo a luce soffusa. Questa palette grigio-bianca è ideale per i menu perché mantiene puliti i layout e mette in risalto prezzi e intestazioni di sezione. Abbina con un accento di colore per i piatti speciali, come rosso intenso o verde erba. Consiglio d’uso: evita di usare la tonalità più chiara per testi piccoli e scegli il grigio medio per il corpo del testo per migliore leggibilità.

Esempio immagine concrete chic generato con media.io

18) Misted Type

esagonale: #fafafa #e6e8eb #c8ccd3 #818896 #303643

umore: riflessivo, letterario, moderno

Migliore per: copertine di libri

Riflessivo e letterario, richiama nebbia sottile, carta sovrapposta e librerie silenziose. I toni medi più freddi aiutano i titoli a emergere senza colori vivaci, in particolare per saggistica e narrativa contemporanea. Abbinare con un elemento testurizzato come grana, acquerello o sovrapposizione fotografica delicata. Consiglio d’uso: tieni il nome dell’autore nel tono più scuro e il titolo in ardesia per una gerarchia raffinata.

Esempio immagine misted type generato con media.io

19) Nordic Kitchen

esagonale: #fcfbf9 #ecebe7 #d1cec7 #9c978d #3f3c36

umore: luminosa, accogliente, scandinava

Migliore per: cucine scandinave

Luminoso e accogliente, ricorda la luce del mattino su mobili laccati e piani in pietra chiara. I grigi appena caldi evitano che il bianco sembri freddo, ideale per cucine con molte superfici riflettenti. Abbinare con legno chiaro di frassino, finiture nere opache e piante verdi per equilibrio. Consiglio d’uso: usa il grigio più profondo per l’isola o i mobili bassi per definire lo spazio.

Esempio immagine nordic kitchen generato con media.io

20) Stormy Stationery

esagonale: #f7f7f9 #e2e3e8 #bfc3cc #6d7380 #242832

umore: raffinato, moderno, leggermente cupo

Migliore per: set di cancelleria minimalisti

Raffinato con un accenno di malinconia, ricorda pomeriggi piovosi, carta liscia e linee d’inchiostro nette. I grigi freddi rendono intestazioni, buste e biglietti professionali senza essere severi. Abbinare a un colore spot come navy, verde bosco o borgogna smorzato per sigilli e dettagli. Consiglio d’uso: stampa grandi campi nelle tonalità più chiare e tieni quella scura per monogrammi e contatti.

Esempio immagine stormy stationery generato con media.io

Quali colori vanno bene con il grigio bianco?

Grigio e bianco si abbinano bene quasi a qualsiasi colore d’accento perché sono neutri e prevedibili. Per un mood UI moderno, prova accenti vivaci come cobalto, ciano, lime o corallo per rendere immediatamente visibili CTA e stati attivi.

Se vuoi un effetto caldo, aggiungi beige sabbia, caramello, terracotta o rosa cipria: trasformano un design monocromatico in qualcosa di più accogliente senza perdere il look minimalista.

Per un branding premium o editoriale, i metallici (oro/rosa-oro) e i toni profondi (navy, verde bosco, borgogna) aggiungono ricchezza pur mantenendo la palette sotto controllo.

Come utilizzare una tavolozza di colori bianco grigio nei disegni reali

Parti da un “ruolo” per ogni tono: il più chiaro per sfondi, chiaro-medio per superfici (card/sezioni), medio per bordi e divisori, scuro-medio per testi secondari, carbone per titoli e numeri chiave.

Controlla bene il contrasto—soprattutto su fondo bianco. Per letture prolungate, testo grigio scuro è spesso più leggibile del nero puro, e i grigi molto chiari vanno riservati a grandi aree, non a testi minuti.

Per evitare effetto piatto, inserisci texture: grana delicata, ombre morbide, dettagli carta/lino o un singolo accento saturo per i momenti interattivi.

Crea visuali grigio-bianco con l'intelligenza artificiale

Se vuoi sviluppare una direzione brand o una moodboard UI, le immagini contano quanto i codici HEX. Rendere una palette grigio-bianca in scene realistiche (interni, packaging, poster, landing page) velocizza le decisioni.

Con lo strumento text-to-image di Media.io puoi incollare un prompt, iterare stili e generare esempi coerenti per presentazioni, revisioni con clienti o pianificazione contenuti.

Usa i prompt qui sopra come punto di partenza, poi inserisci il tuo settore (es. “dashboard fintech” o “etichetta skincare”) e il rapporto d’aspetto preferito.

Successivo: Palette di Colori Neri