20 palette moderne in bianco e blu: idee e codici HEX

Il bianco e il blu sono un classico moderno: il bianco mantiene i layout puliti e ariosi, mentre il blu aggiunge fiducia, concentrazione e struttura.

Di seguito trovi 20 idee selezionate di palette di colori bianco e blu con codici HEX—pensate per branding, interfacce, interni e stampa—più suggerimenti AI che puoi riutilizzare per generare visual abbinati.

Perché le palette Bianco-Blu funzionano così bene

Le palette bianco-blu sembrano subito “progettate” perché bilanciano chiarezza e sicurezza. Il bianco crea spazio per i contenuti, mentre il blu guida naturalmente l’attenzione verso la navigazione, i dati o le call-to-action.

Sono anche flessibili tra i diversi media: sugli schermi, i blu chiari riducono il riflesso e mantengono le interfacce serene; su carta, i navy profondi e i blu reali aggiungono contrasto senza sembrare aggressivi o confusi.

Soprattutto, il blu sostiene fiducia e leggibilità. Scegliendo un blu scuro forte per la gerarchia e toni chiari per le superfici si ottiene un sistema pulito che scala da una landing page a un kit di brand completo.

20+ Idee di palette bianco-blu (con codici HEX)

1) Lino Artico

HEX: #ffffff #eaf3ff #cfe6ff #5aa7ff #1b3a6b

Atmosfera: fresco, pulito, calmo

Ideale per: dashboard di analytics e UI ricche di dati

Freschi e ariosi, questi bianchi ghiacciati e blu limpidi ricordano una nevicata fresca sotto un cielo invernale brillante. Le tinte chiare rendono leggibili gli schermi mentre il navy più profondo dona struttura a grafici e navigazione. Abbina con grigi freddi o un singolo accento caldo come l’ambra per gli avvisi. Consiglio: riserva il blu più scuro per le azioni principali per mantenere la gerarchia.

Esempio di immagine di lino artico generata con media.io

Media.io

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

Provalo gratis ora

2) Porcellana Costiera

HEX: #fdfdfc #e7f2f8 #b7d7ee #2f7fbf #0b2d4a

Atmosfera: arioso, raffinato, costiero

Ideale per: branding di resort e siti di ospitalità

Arioso e raffinato, questo mix richiama porcellana smaltata, nebbia marina e acque profonde del porto. Il contrasto tra pastel leggeri e il tono ancora scuro fa risaltare loghi e intestazioni senza sembrare pesanti. Per una palette versatile bianco blu aggiungi sabbia, marrone driftwood o ottone satinato negli elementi di supporto. Consiglio: usa il blu medio per i pulsanti secondari e il tono più scuro per i marchi.

Esempio di immagine porcellana costiera generato con media.io

3) Marina Nuvolosa

HEX: #f8fbff #d9ecff #9bc8ff #3b78c8 #1a2340

Atmosfera: fresca, moderna, ottimista

Ideale per: onboarding app e walkthrough delle funzionalità

Fresca e ottimista, queste tonalità sembrano nuvole che si aprono su una marina luminosa. I livelli chiari creano profondità delicata nelle schermate di onboarding, mentre il blu saturo rende sicure le call-to-action. Abbina con tipografia charcoal e icone sottili per un look deciso. Consiglio: mantieni i gradienti minimi e lascia al blu medio l’emphasis.

Esempio di immagine marina nuvolosa generato con media.io

4) Denim Ghiacciato

HEX: #fffefe #eef2f6 #b6c7d6 #4b6f93 #1e2a3a

Atmosfera: radicata, sobria, classica

Ideale per: lookbook abbigliamento ed editoriali lifestyle

Sobrie e radicate, queste sfumature ricordano denim lavato, cotone morbido e ombre della sera fresca. I blu spenti sono maturi e portabili, dando coesione a foto prodotto e layout editoriali. Abbina con testo off-black, pelle tan calda o accenti argento per una finitura senza tempo. Consiglio: usa il blu ardesia medio per didascalie e divisori per evitare contrasti duri.

Esempio di immagine denim ghiacciato generato con media.io

5) Cielo di Tela da Vela

HEX: #ffffff #f0f7ff #a9d2ff #3f8bd9 #063a6b

Atmosfera: luminoso, nautico, festoso

Ideale per: inviti di matrimonio e kit eventi estivi

Luminoso e festoso, la palette ricorda la tela da vela al sole con cielo sereno. I blu chiari mantengono il look della carta arioso, mentre il blu profondo aggiunge formalità per nomi e dettagli chiave. Abbina con tipografia nera decisa o foil metallico per un invito elevato. Consiglio: usa il blu più scuro per i titoli così il testo rimane morbido e leggibile.

Esempio di immagine cielo di tela da vela generato con media.io

6) Clinica Minimal

HEX: #ffffff #f5f9ff #d6e6ff #6aa5e8 #2a4e7a

Atmosfera: rassicurante, igienica, accogliente

Ideale per: landing page healthcare e portali paziente

Rassicuranti e igienici, questi toni puliti evocano luce del giorno, chiarezza e routine serene. Il blu medio comunica fiducia senza sembrare corporate e il blu acciaio più scuro sostiene una navigazione chiara. Questa combinazione bianco-blu funziona al meglio con tanto spazio bianco, card arrotondate e icone semplici. Consiglio: limita la saturazione ai pulsanti principali così i form risultano meno intimidatori.

Esempio di immagine clinica minimal generato con media.io

7) Spa Nordica

HEX: #fbfeff #e3f3ff #b9dbf3 #4aa3c7 #1b4a5f

Atmosfera: serena, ariosa, rigenerante

Ideale per: brochure spa e materiali wellness brand

Serena e rigenerante, queste tinte evocano vapore, acqua minerale e pietra fredda. Il blu vetro di mare è abbastanza delicato per grandi blocchi di sfondo, mentre il blu teal più profondo dà una finitura radicata. Abbina con neutri morbidi, verde eucalipto e foto minimal per un ritmo calmo. Consiglio: usa il blu più chiaro dietro citazioni e benefici per creare una focalizzazione tranquilla.

Esempio di immagine spa nordica generato con media.io

8) Gesso Blueprint

HEX: #fcfcff #e4e7f5 #b3b9d6 #3e4a7a #141a33

Atmosfera: intelligente, tecnico, strutturato

Ideale per: presentazioni architettura e tecniche

Intelligente e tecnico, questo set sembra polvere di gesso su carta blueprint. Le sfumature blu-violet mantengono le slide sofisticate, mentre il navy quasi nero tiene salde diagrammi e highlight. Abbina con illustrazioni a linea sottile e tanto margine per mantenere digeribile il contenuto complesso. Consiglio: usa il tono medio per griglie e il più scuro solo per etichette.

Esempio di immagine gesso blueprint generato con media.io

9) Iris Ghiacciato

HEX: #ffffff #f2efff #d6d1ff #6c86ff #2a2e5a

Atmosfera: sognante, giocosa, delicata

Ideale per: cartoleria bambini e progetti di illustrazione leggera

Sognante e giocosa, queste sfumature ricordano petali ghiacciati e crepuscoli morbidi. Le tinte che virano al lilla aggiungono charme senza perdere la pulizia della base bianca. Abbina con caratteri arrotondati, scarabocchi semplici e un tocco di giallo burro per calore. Consiglio: mantieni il blu pervinca più brillante per piccoli highlight così rimane dolce, non intenso.

Esempio di immagine di iris di ghiaccio generata con media.io

10) Ardesia Ghiacciaio

HEX: #f7fbff #e0ecf6 #9fb7c8 #3e5f78 #132a3a

Atmosfera: serio, calmo, affidabile

Ideale per: report annuali e documenti finanziari

Serie e affidabili, queste ardesie fredde ricordano una mattina calma sull'acqua ferma. Le tonalità blu-grigie centrali conferiscono autorità a grafici e tabelle senza sovrastare la pagina. Abbina a una tipografia sans serif pulita e regole sottili per facilitare la scansione. Consiglio d'uso: usa la tinta più chiara per le righe delle tabelle in modo che i dati restino protagonisti.

Esempio di immagine di ardesia ghiacciaio generata con media.io

11) Carta Cobalto

HEX: #ffffff #e8f1ff #c1d6ff #2b5bff #0f1e52

Atmosfera: audace, digitale, ad alto contrasto

Ideale per: pagine di atterraggio saas e sezioni di conversione

Audaci e digitali, queste tonalità ricordano inchiostro brillante su carta fresca. Il cobalto è ideale per i CTA, mentre le tinte più tenui mantengono le sezioni spaziose e moderne. Una palette di bianco e blu come questa si abbina perfettamente a testi grafite, ombre sottili e gradienti semplici usati con moderazione. Consiglio d’uso: imposta il cobalto come unico colore saturo per mantenere il focus sulla conversione.

Esempio di immagine di carta cobalto generata con media.io

12) Matrimonio Blu Polvere

HEX: #fffdfc #f2f8ff #d2e6ff #7bb2e6 #2f5c8a

Atmosfera: romantico, soffice, arioso

Ideale per: branding fotografico matrimoniale e gallerie

Romantici e ariosi, questi blu polvere sembrano la luce del mattino che filtra attraverso tende leggere. Il blu tenue centrale offre abbastanza contrasto per la navigazione mantenendo un'atmosfera elegante e editoriale. Abbina con avorio caldo, tocchi di rosa smorzato e font serif delicati per un effetto senza tempo. Consiglio d’uso: applica la tinta più chiara dietro le griglie di immagini per ridurre il rumore visivo.

Esempio di immagine di matrimonio blu polvere generata con media.io

13) Tech su Bianco

HEX: #ffffff #f2f6ff #c9d7ff #6b8cff #1c2a5a

Atmosfera: elegante, efficiente, moderno

Ideale per: strumenti di produttività e pannelli amministrativi

Elegante ed efficiente, questa combinazione ricorda il vetro lucidato e pannelli di sistema nitidi. Il blu medio è perfetto per stati interattivi, mentre il blu indaco profondo ancora le sidebar e le intestazioni. Abbina con grigi neutri e spaziatura costante per mantenere l’interfaccia leggibile. Consiglio d’uso: usa il blu più chiaro come effetto hover per dare feedback senza appesantire.

Esempio di immagine di tech su bianco generata con media.io

14) Nebbia di Porto

HEX: #f9fcff #d8e6f0 #a8c1d1 #4a7c9c #103048

Atmosfera: umbratile, marino, maturo

Ideale per: packaging di attrezzatura outdoor e tag appendibili

Umore marino, questi blu evocano la nebbia che si stende su un molo tranquillo. I toni grigi centrali danno carattere robusto e affidabile, adatti a prodotti tecnici ed etichette chiare. Abbina con texture kraft, nero opaco o arancione sicurezza per uno stile utilitaristico. Consiglio d’uso: stampa il tono più scuro per il testo piccolo per mantenere la leggibilità su carta ruvida.

Esempio di immagine di nebbia di porto generata con media.io

15) Inchiostro Blu Francese

HEX: #fffffe #edf3ff #a9c4ff #2a4fb3 #0f1733

Atmosfera: letterario, elegante, sicuro

Ideale per: copertine di libri e grafica editoriale

Letterari ed eleganti, questi toni ricordano inchiostro di stilografica su carta di cotone spessa. Il blu reale intenso crea un punto focale notevole, mentre le tinte chiare mantengono il layout arioso e raffinato. Combinazioni bianco-blu come questa si abbinano a carta crema, dettagli dorati e caratteri serif classici. Consiglio d’uso: riserva il navy più scuro per il titolo per garantire leggibilità istantanea anche in anteprima.

Esempio di immagine di inchiostro blu francese generata con media.io

16) Blu Ceramica

HEX: #ffffff #f3f7fb #d0e0f0 #6a97c9 #244a73

Atmosfera: domestico, ordinato, confortante

Ideale per: pubblicità e cataloghi di prodotti per la casa

Domestici e ordinati, questi colori ricordano ceramiche smaltate, scaffali in ordine e luce del giorno in una cucina tranquilla. I blu tenui valorizzano le foto dei prodotti mantenendo leggeri i testi secondari. Abbina con legno caldo, tessuti in lino e un tocco di terracotta per l’equilibrio. Consiglio d’uso: usa la tinta chiara sotto i cartellini prezzo per farli risaltare senza urlare.

Esempio di immagine di blu ceramica generata con media.io

17) Atlantico Nevoso

HEX: #f8fbff #e2f1ff #b9dcff #5d9fe6 #1d3f73

Atmosfera: fresco, avventuroso, aperto

Ideale per: poster di viaggio e campagne di destinazione

Freschi e aperti, queste sfumature evocano coste innevate e onde luminose dell’Atlantico. Il blu vivace funziona bene per titoli audaci, mentre le tinte più chiare mantengono gli sfondi puliti e ampi. Abbina con blocchi fotografici minimali, linee di mappa semplici e un tocco di corallo per l’orientamento. Consiglio d’uso: usa il blu medio per i testi secondari lasciando il navy per i titoli.

Esempio di immagine di atlantico nevoso generata con media.io

18) Blu Acciaio Morbido

HEX: #ffffff #f0f4f8 #c5d1db #7992a8 #2b3e4f

Atmosfera: professionale, equilibrato, silenzioso

Ideale per: template slide aziendali e report

Professionali e silenziose, queste sfumature di blu acciaio ricordano abiti sartoriali sotto una luce brillante. Le tonalità smorzate mantengono le presentazioni lunghe piacevoli da leggere pur restando moderne e funzionali. Abbina con icone monocromatiche, griglie pulite e un solo colore d’accento per le metriche chiave. Consiglio d’uso: usa il blu acciaio medio per i grafici per evitare visual troppo saturi.

Esempio di immagine di blu acciaio morbido generata con media.io

19) Brezza Ciano Brillante

HEX: #ffffff #e9fbff #bdf1ff #3cc7e8 #115166

Atmosfera: energico, fresco, pulito

Ideale per: packaging skincare e lanci di prodotto

Energica e pulita, questa palette ricorda un getto d’acqua fresca e aria limpida. Il ciano brillante aggiunge un bagliore moderno e clinico, mentre il teal profondo mantiene le etichette leggibili e premium. Abbina con tipografia sans minimalista e tanto bianco per un look igienico. Consiglio d’uso: usa il ciano come banda o tappo, senza esagerare per non sovrastare il nome prodotto.

Esempio di immagine di brezza ciano brillante generata con media.io

20) Taglio Marina Reale

HEX: #fffefe #ecf2ff #c0d0ff #4b6fe0 #0b1738

Atmosfera: sicuro, sportivo, deciso

Ideale per: branding esports e grafiche di squadra

Sicuri e sportivi, questi colori ricordano luci da stadio su divise nitide. Il blu reale elettrico porta energia nei dettagli, mentre il navy profondo dà aggressività e solidità al brand. Abbina con forme geometriche, spazio bianco e un piccolo accento neon per maggiore impatto. Consiglio d’uso: usa il navy come sfondo principale così i blu brillanti risaltano come veri accenti.

Esempio di immagine di taglio marina reale generata con media.io

Quali colori stanno bene con il bianco-blu?

I neutri sono l’abbinamento più facile: grigi freddi, antracite e nero tenue mantengono i testi leggibili, mentre bianchi caldi o avorio fanno sentire la palette più pregiata e meno sterile.

Per accenti, colori caldi complementari come ambra, corallo o terracotta funzionano particolarmente bene—creano punti focali immediati contro elementi blu di interfaccia o titoli di brand.

Se vuoi un look naturale e rilassato, aggiungi verdi smorzati come eucalipto, salvia o teal-verde/blu. Si abbinano perfettamente ai blu chiari ampliando comunque la gamma della palette.

Come usare una palette bianco-blu nei progetti reali

Inizia con il bianco come sfondo principale, poi usa i blu chiari per superfici (card, sezioni, righe tabella). Così mantieni le pagine leggibili e crei profondità senza dover ricorrere a ombre marcate.

Assegna un "blu eroe" per gli elementi interattivi (bottoni primari, link, stati attivi) e un navy profondo per l’ordine gerarchico (titoli, navigazione, assi dei grafici). Ruoli coerenti rendono la palette intenzionale.

Per la stampa, testa subito il contrasto: i blu possono scurirsi su carta non patinata. Usa il tono più scuro per il testo piccolo e tinte chiare su ampie aree per evitare striature o confusione visiva.

Crea visual palette bianco-blu con l’AI

Se hai già codici HEX, puoi generare visual coerenti descrivendo il tipo di design (UI, poster, packaging) e indicando come usare bianchi e blu (sfondi, bottoni, tipografia).

Per un flusso di lavoro veloce, riutilizza i prompt sotto ogni palette sopra—poi adatta soggetto, formato e stile (flat UI, scatto prodotto studio, layout editoriale) secondo il progetto.

Quando trovi uno stile che ti piace, mantieni la struttura del prompt identica e cambia solo nome palette o direzione HEX. Così ottieni una serie coesa per tutto il sistema di brand.

Successivo: Palette di colori blu, rosso scuro