Idee di palette colore bianco e nero: 20 combinazioni con codici HEX

Una palette di colori bianco e nero è il modo più veloce per far sembrare un design intenzionale: sfondi puliti, caratteri nitidi e gerarchia immediatamente leggibile.

Di seguito trovi 20 palette monocromatiche curate, complete di codici HEX, oltre a consigli pratici su contrasto, equilibrio e sull’aggiunta dei giusti accenti di colore quando necessario.

Perché le palette bianco e nero funzionano così bene

Il bianco e il nero sono fondamentali visivi: il bianco crea spazio e chiarezza, mentre il nero dona struttura, contrasto e focus immediato. Insieme rendono le decisioni tipografiche e di layout più intenzionali.

Le palette monocromatiche riducono anche il “rumore cromatico”, aiutando gli utenti a scansionare più rapidamente nelle UI e rendendo i loghi del brand più memorabili. I grigi sottili aggiungono gerarchia senza competere per l’attenzione.

Poiché gli schemi bianco e nero sono naturalmente ad alto contrasto, funzionano bene sia sugli schermi sia sulla stampa, soprattutto quando si usano quasi-neri e bianchi morbidi per mantenere un aspetto confortevole nelle letture prolungate.

Oltre 20 idee di palette bianco e nero (con codici HEX)

1) Galleria Minimal

HEX: #ffffff #f5f5f5 #d9d9d9 #333333 #000000

Mood: pulito, moderno, ad alto contrasto

Ideale per: siti portfolio e interfacce minimaliste

Toni bianchi da galleria e neri profondi evocano stampe incorniciate e silenziose pareti museali. Usa i grigi chiari come spazio vuoto affinché i titoli risultino intenzionali, non aggressivi. Funziona perfettamente per portfolio, pagine prodotto e layout incentrati sulla tipografia. Abbina un solo accento (come cobalto o smeraldo) per le call to action e mantieni il testo principale a #333333 per comfort.

Esempio di immagine di galleria minimal generata con media.io

Media.io

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

Provalo Ora Gratis

2) Inchiostro su Carta

HEX: #fffdf8 #f1eee6 #c9c4b8 #3a3a3a #0b0b0b

Mood: editoriale, tattile, senza tempo

Ideale per: impaginati editoriali e blog lunghi

Il calore editoriale e i toni nitidi dell’inchiostro ricordano le pagine dei libri, i margini e un carattere ben scelto. Queste combinazioni di bianco e nero risultano raffinate lasciando guidare il bianco sporco e riservando il nero vero ai titoli e alle citazioni. Ideale per riviste, template blog e pagine di storytelling di brand. Aggiungi una linea sottile in #c9c4b8 per separare le sezioni senza rumore visivo.

Esempio di immagine di inchiostro su carta generata con media.io

3) Marmo Noir

HEX: #ffffff #ececec #b8b8b8 #2a2a2a #0f0f10

Mood: lussuoso, raffinato, drammatico

Ideale per: packaging premium e branding beauty

Il contrasto lucido con grigi freddi ricorda le venature del marmo sotto le luci di una galleria. Conserva il bianco più brillante per gli spazi negativi e usa #0f0f10 per i loghi, per dare un senso di pregio alle finiture. È perfetto per scatole di profumi, etichette skincare e landing page premium. Prova la verniciatura spot UV sul tono più scuro e carta opaca per tutto il resto per aumentare l’effetto tattile.

Esempio di immagine di marmo noir generata con media.io

4) Contrasto Scandinavo

HEX: #fcfcfb #e8e6e1 #b9b5ad #4a4a47 #141414

Mood: calmo, arioso, all’avanguardia

Ideale per: interni, lookbook arredamento e marchi casa

Neutri calmi e carbone delicato evocano ambienti illuminati dal sole, tessuti di lino e mobili dalle linee pulite. Una palette bianco e nero come questa dà il meglio di sé quando il nero è usato come accento: pensa a accessori, cornici, o sottili caratteri tipografici. Usa #e8e6e1 come sfondo principale per evitare riflessi e far sentire naturali le foto di prodotto. Per equilibrio, ripeti #b9b5ad in elementi secondari della UI come tab o tabelle tecniche.

Esempio di immagine di contrasto scandinavo generata con media.io

5) Streetwear Mono

HEX: #f8f8f8 #dedede #a7a7a7 #262626 #050505

Mood: audace, urbano, energico

Ideale per: branding streetwear e grafiche merchandising

Il contrasto deciso e i grigi metallici ricordano l’inchiostro fresco su t-shirt pesanti e sfondi in cemento. Usa il quasi-nero per logotipi oversize e lascia che il grigio medio #a7a7a7 addolcisca i marchi secondari. Perfetto per etichette di abbigliamento, copertine lookbook e post social d’effetto. Per la leggibilità su fondi scuri, inverti con testo #f8f8f8 e mantieni gli highlights minimi.

Esempio di immagine di streetwear mono generata con media.io

6) Ombra Soffice

HEX: #ffffff #f3f4f6 #cfd4da #555c66 #0d0f12

Mood: delicato, accogliente, moderno

Ideale per: app wellness e onboarding SaaS

Ombre gentili e neutri freddi suggeriscono movimento dolce, card morbidi e concentrazione silenziosa. Questa palette è perfetta per UI in cui occorre gerarchia senza spigoli duri. Usa #f3f4f6 per le superfici, #cfd4da per i bordi e riserva #0d0f12 solo al testo principale. Consiglio: mantieni i bottoni scuri ma leggermente sollevati con un’ombra #555c66 per un effetto amichevole.

Esempio di immagine di ombra soffice generata con media.io

7) Classico Scacchiera

HEX: #ffffff #f0f0f0 #c8c8c8 #1f1f1f #000000

Mood: deciso, classico, sicuro

Ideale per: loghi e sistemi di identità

Blocchi netti di nero e bianco evocano strategia e senza tempo, come una scacchiera alla luce piena. Usa il grigio medio come ponte neutro nei sistemi di marca, così da evitare che tutto emerga al massimo del contrasto. Funziona per studi legali, brand di moda e loghi tech moderni. Mossa pratica: prova il tuo logo in #1f1f1f – se funziona lì, funzionerà ovunque.

Esempio di immagine di classico scacchiera generata con media.io

8) Granulosità da Pellicola

HEX: #fafafa #e1e1e1 #b0b0b0 #3b3b3b #111111

Mood: nostalgico, cinematografico, testurizzato

Ideale per: preset fotografici e portfolio creativi

Grigi nostalgici e neri inchiostro richiamano la grana della pellicola, le contact sheet e le stampe da camera oscura. Usa #b0b0b0 per didascalie e metadati così da far risaltare le immagini. Perfetto per siti fotografi, case study e archivi galleria. Aggiungi un overlay noise leggero (3-5%) per dare intenzionalità ai toni.

Esempio di immagine di granulosità da pellicola generata con media.io

9) Loft in Cemento

HEX: #f7f7f7 #dedede #bdbdbd #4b4b4b #1a1a1a

Mood: industriale, strutturato, solido

Ideale per: presentazioni di architettura e brochure immobiliari

Grigi industriali e carboni robusti ricordano le pareti in cemento e dettagli d’acciaio. Usa i toni chiari per sfondi di planimetrie e i toni scuri per etichette e titoli di sezione. Ideale per deck architettura, one-pager immobiliari e wayfinding. Mantieni costanti gli spessori di linea e usa #bdbdbd per le griglie secondarie per evitare disordine.

Esempio di immagine di loft in cemento generato utilizzando media.io

10) Zen Sumi

HEX:#fffefc#ebe7e0#bfb8ad#3d3a36#0f0e0d

Mood:Sereno, organico, meditativo

Ideale per:Menù spa e marchi di mindfulness

I neutri sereni e i neri simili a sumi evocano pennelli, carta di riso e rituali tranquilli. Queste combinazioni di colori bianco e nero si sentono meglio quando si utilizza il caldo off-white come tela e mantenere il nero per risparmiare, segni sicuri. Ideale per menù spa, landing page di meditazione e imballaggi artigianali. Suggerimento per l'uso: sostituisci il nero puro con#0f0e0d sulle pagine pesanti di testo per ridurre l'affaticamento visivo.

Esempio di immagine di zen sumi generato utilizzando media.io

11) Alta lucentezza Mono

HEX:#ffffff#f2f2f2#cfcfcf#2f2f2f#090909

Mood:Elegante, premium, tech-forward

Ideale per:Annunci di prodotti tecnici e sezioni di eroi di atterraggio

I bianchi eleganti e il nero profondo si leggono come plastica lucida e metallo lavorato con precisione. Usa#2f2f2f per l'interfaccia utente chrome e#090909 per i CTA chiave o i nomi dei prodotti. Questo set è ottimo per annunci tecnologici, sezioni di eroi di avvio e pagine di specifiche hardware. Mantieni i riflessi controllati: un punto luminoso è sufficiente per vendere il look premium.

Esempio di immagine di mono lucido generato utilizzando media.io

12) Cravatta nera da sposa

HEX:#ffffff#f6f1f1#d8d2d2#3a3a3a#0a0a0a

Mood:Elegante, formale, romantico

Ideale per:Inviti di matrimonio e cancelleria per eventi

Eleganti neutri con vero nero evoca smoking, nastri di seta e ricevimenti a luce di candela. Lascia che#f6f1f1 ammorbidisca la pagina in modo che il design rimanga romantico piuttosto che netto. Perfetto per inviti, schede RSVP e tabelle dei posti con tipografia classica. Suggerimento: utilizzare#d8d2d2 per bordi e buste in modo che il tipo nero sembri definito senza sopraffare il layout.

Esempio di immagine di black tie bridal generato utilizzando media.io

13) Botanica monocromatica

HEX:#ffffff#f0f2f0#c8cec9#4a4f4b#121513

Mood:Fresco, calmo, ispirato alla natura

Ideale per:Illustrazioni botaniche e etichette ecologiche

Verdi freschi in scala di grigio e carbone inchiostro suggeriscono foglie pressate e schizzi botanici. Utilizzare i toni chiari per la trama della carta e mantenere la tonalità più scura per la linea e le etichette. Ottimo per imballaggi ecologici, marchi da giardino e accenti editoriali calmi. Un consiglio veloce: i lavaggi per acquerelli in#c8cec9 aiutano le piante a sentirsi vive senza aggiungere un colore brillante.

Immagine di botanica monocromatica generata utilizzando media.io

14) Dashboard dati

HEX:#fbfbfb#e9edf2#c7cfda#39424e#0b0f14

Mood:Focalizzato, professionale, strutturato

Ideale per:Dashboard di analisi e UI di amministrazione

I neutri focalizzati con un sottotono fresco sembrano griglie strutturate e una chiara gerarchia dei dati. Usa#e9edf2 per i pannelli, #c7cfda per i divisori e#0b0f14 per i numeri chiave per attirare l'attenzione. È ideale per dashboard, portali B2B e schermi pesanti da tavolo. Mantieni i grafici semplici: una serie scura e barre di sfondo chiare impediscono il sovraccarico visivo.

Immagine Esempio di dashboard dati generato utilizzando media.io

15) Etichetta del museo

HEX:#fffffe#f4f4f2#d0d0cc#2e2e2c#0c0c0c

Mood:Curato, silenzioso, informativo

Ideale per:Sistemi di segnaletica, etichette e wayfinding

I neutri curati sembrano cartelli di museo e appunti di mostra ponderati. Utilizzare i grigi più caldi per supportare lunghe distanze di lettura senza riflessi e mantenere#0c0c0c per le informazioni più critiche. Questo set funziona bene per segnaletica, etichette e schede di istruzioni. Suggerimento: usa margini generosi e lascia che#d0d0cc porti intestazioni di sezione sottili per un aspetto elevato.

Esempio di immagine di etichetta di museo generata utilizzando media.io

16) Macchina da scrivere notturna

HEX:#fffeff#f1f1f3#bdbdc4#3a3a40#101014

Mood:moody, letterario, raffinato

Ideale per:Copertine di libri e cancelleria

I neutri umorosi e la grafite profonda evocano la scrittura a tarda notte, i nastri di inchiostro e i bordi di carta nitidi. Una tavolozza di colori bianco e nero come questa è ottima per copertine di libri e cancelleria perché permette alla tipografia di portare l'emozione. Utilizzare#bdbdc4 per i blocchi di texture o la bios dell'autore e riservare#101014 per il titolo. Suggerimento: Aggiungi un grano di carta sottile in modo che i toni chiari non sembrino sterili.

Esempio di immagine di night typewriter generato utilizzando media.io

17) Carta da giornale retrò

HEX:#fffaf0#efe3cf#c8b9a3#4a423a#191512

Mood:vintage, caldo, nostalgico

Ideale per:Poster e menù caffè

Il calore Vintage con i toni scuri dell'espresso ricorda la carta da giornale invecchiata e i classici poster. Usa#fffaf0 come base e lascia che#191512 ancori i titoli per quel punch della vecchia scuola. Ottimo per menù di caffè, poster di eventi e imballaggi retrò. Suggerimento: limitare il tono più scuro al 10-15% del layout e appoggiarsi a#4a423a per la maggior parte del testo per mantenerlo invitante.

Esempio di immagine di carta giornalistica retrò generata utilizzando media.io

18) Fumetto minimo

HEX:#ffffff#f3f3f3#c9c9c9#2b2b2b#000000

Mood:giocoso, punchy, grafico

Ideale per:Modelli e creatori di social media

Il contrasto giocoso e i grigi puliti sembrano pannelli di fumetti, didascalie in grassetto e battute rapide. Una combinazione di colori bianco e nero come questa mantiene i post leggibili anche su piccoli schermi. Usa#f3f3f3 per gli sfondi delle carte e#2b2b2b per i contorni in modo che il nero puro possa rimanere riservato alle parole chiave. Suggerimento: mantenere i blocchi di testo corti e aumentare l'altezza della riga per evitare che il disegno sembri angusto.

Esempio di immagine di minimal comic generato utilizzando media.io

19) Linee d'arte Op

HEX:#ffffff#ededed#c4c4c4#2a2a2a#070707

Mood:Dinamico, artistico, ad alto impatto

Ideale per:Progettazione di modelli e album artwork

Il contrasto dinamico con i grigi a gradini evoca illusioni ottiche, ritmo e movimento. Usa#c4c4c4 per costruire strisce secondarie in modo che il modello non diventi travolgente. È ideale per copertine di album, sfondi di poster e librerie di modelli moderni. Suggerimento: mantenere i pesi della linea coerenti e lasciare un margine bianco in modo che il disegno abbia un posto dove riposare.

Immagine Esempio di linee op art generate utilizzando media.io

20) Studio di ceramica

HEX:#fdfdfc#f0eeeb#cfc9c3#4b4743#171614

Mood:Artigianale, caldo, sobrio

Ideale per:Pagine di prodotto fatte a mano e branding artigianale

I neutri caldi artigianali suggeriscono polvere di argilla, scaffali da studio e smalti opachi. Usa#f0eeeb come sfondo morbido per le foto del prodotto e conserva#171614 per i prezzi e i pulsanti principali. Questa tavolozza si adatta ai negozi di ceramica, ai mercati artigianali e ai portafogli dei produttori. Suggerimento: Aggiungi texture con grana sottile sullo sfondo, ma evita ombre pesanti in modo che il lavoro sembri calmo e onesto.

Esempio di immagine di ceramic studio generato utilizzando media.io

Quali colori si abbinano bene al bianco e nero?

Il bianco e il nero si abbinano bene a quasi qualsiasi accento, ma le migliori abbinamenti sono le tonalità sature che rimangono leggibili contro un alto contrasto: pensa al blu cobalto, allo smeraldo, al rosso o a un ciano brillante.

Se desideri una sensazione più morbida e premium, scegli accenti attenuati come blu navy, verde bosco, bordeaux o caldo abbronzato. Questi mantengono la base monocromatica calma aggiungendo personalità.

Per l'interfaccia utente del prodotto e le dashboard, un colore di accento più una tinta di supporto (una versione più chiara dello stesso accento) è spesso sufficiente per creare stati chiari come hover, active e selected.

Come usare una palette bianco e nero nei progetti reali

Inizia con i neutri basati sui ruoli: scegli uno sfondo bianco/bianco spento, una superficie grigia per le carte, un bordo grigio e un testo quasi nero. Ciò impedisce l'affaticamento "nero puro su bianco puro" mantenendo il contrasto forte.

Usa il nero in modo strategico: titoli, icone e azioni primarie. Lascia che i grigi medi portino l'interfaccia utente secondaria (metadati, divisori, stati disabilitati) in modo che il design non sembri urlato.

Quando si aggiunge un colore di accento, riservarlo per un lavoro: CTA, evidenziazioni o collegamenti. Nei sistemi monocromatici, l'uso coerente dell'accento è ciò che rende l'interfaccia lucida.

Crea visual con palette bianco e nero tramite AI

Se stai presentando un concetto o costruendo un moodboard, la generazione di visuali monocromatici rapidi può aiutarti a convalidare tipografia, spaziatura e contrasto prima di impegnarti nelle risorse di progettazione finali.

Con Media.io puoi trasformare i prompt in modelli puliti dell'interfaccia utente, poster, scene di imballaggio e fogli di marca, quindi iterare rapidamente modificando l'illuminazione, la trama o lo stile del layout.

Utilizzare i codici esagonali della tavolozza sopra nel prompt (o descrivere i toni: carta bianca, divisori grigio caldo, tipo quasi nero) per mantenere gli output coerenti su un intero set.

Successivo: Palette di colori Bordeaux e Teal