Il blu grigio è uno di quei rari colori “neutri ma non noiosi”: trasmette calma come il grigio, ma possiede la chiarezza e affidabilità del blu. Per questo motivo si trova ovunque, dall’interfaccia moderna agli interni sereni.
Di seguito trovi 20 idee di palette colori blu grigio con codici HEX, più veloci consigli su dove ogni combinazione funziona meglio e come visualizzarla con l’IA.
In questo articolo
- Perché le palette blu grigio funzionano così bene
-
- porto nebbioso
- acciaio e cielo
- foschia costiera
- denim sfumato
- finestra piovosa
- grafite ondosa
- vetro di mare invernale
- blueprint urbano
- laguna tranquilla
- notte argentea
- ardesia nordica
- inchiostro glaciale
- molo nuvoloso
- cemento oceanico
- minimal cenere blu
- lino tempestoso
- onda di ciottoli
- muro del museo
- foschia di mezzanotte
- carta nautica
- Quali colori si abbinano bene al blu grigio?
- Come utilizzare una palette blu grigio nei progetti reali
- Crea visual della palette blu grigio con IA
Perché le palette blu grigio funzionano così bene
Il blu grigio si trova tra la neutralità fredda e il colore emotivo, quindi risulta professionale senza essere sterile. È la scelta ideale per marchi moderni che puntano su fiducia, chiarezza e una sfumatura più morbida rispetto al blu navy puro.
Nell’interfaccia utente e nel design prodotto, il blu grigio crea una gerarchia naturale: le tinte chiare offrono superfici pulite, i toni medi diventano navigazione e stati, e le sfumature più profonde danno contrasto a testi e CTA senza la durezza del nero.
Negli interni, il blu grigio è calmo e versatile. Si abbina facilmente a legno, pietra, lino e metalli, ed è ideale per ambienti che devono risultare ariosi, ordinati e vissuti.
20+ Idee di palette blu grigio (con codici HEX)
1) Porto Nebbioso

HEX: #E7EDF2 #B9C6D3 #7E93A6 #445A6B #2C343E
Atmosfera: arioso, calmo, costiero
Ideale per: soggiorni in stile costiero
Arioso e calmo come la nebbia del mattino su una marina tranquilla, questi toni sono puliti senza diventare freddi. Sono perfetti su pareti, rivestimenti e mobili dove si desidera un contrasto morbido. Da abbinare a rovere caldo, tessuti in lino e dettagli in nichel spazzolato per equilibrio. Consiglio d’uso: riserva la tonalità più scura per rifiniture o un elemento chiave per evitare di appiattire l’ambiente.
Esempio di immagine porto nebbioso generata con media.io
Media.io è uno studio online di IA per creare e modificare video, immagini e audio direttamente nel browser.
2) Acciaio e Cielo

HEX: #F4F6F8 #CBD3DA #8FA1B0 #566977 #1F2A33
Atmosfera: moderno, strutturato, professionale
Ideale per: dashboard saas ui
Moderno e strutturato come torri di vetro sotto un cielo pallido, il contrasto qui sembra nitido e affidabile. Usa i toni chiari per superfici e card, riserva il blu medio per la navigazione e gli stati attivi. La tonalità più scura rende testi e icone incisivi senza la durezza del nero puro. Consiglio: aggiungi uno sfondo appena sfumato (5-10%) per ridurre il riverbero su layout ampi.
Esempio di immagine acciaio e cielo generata con media.io
3) Foschia Costiera

HEX: #EEF2F5 #C7D2DB #94A7B6 #5F7686 #364553
Atmosfera: morbido, discreto, ventilato
Ideale per: branding wellness
Morbido e discreto come una linea costiera che si dissolve nella foschia, queste sfumature sono rilassanti e raffinate. Sono adatte al branding wellness quando si cerca chiarezza ma non freddezza clinica. Da mescolare con carta bianca sporca, finiture opache e un piccolo accento sabbia o terracotta per calore. Consiglio: scegli un tono medio per il logo e usa il resto come neutri a supporto per mantenere coerenza.
Esempio di immagine foschia costiera generata con media.io
4) Denim Sfumato

HEX: #E9EEF3 #B8C4D1 #7A90A8 #3F5C79 #24384B
Atmosfera: casual, sicuro, accogliente
Ideale per: banner ecommerce moda
Casual e sicuro come denim vissuto, questo set porta contrasto amichevole con una sfumatura leggermente ruvida. Funziona bene per moda e creativi lifestyle, soprattutto abbinato a bianco pulito. Aggiungi un accento in ottone o color cuoio per evitare un effetto troppo freddo. Consiglio: usa il blu più profondo per titoli e pulsanti, così le CTA saranno solide.
Esempio di immagine denim sfumato generata con media.io
5) Finestra Piovosa

HEX: #F2F4F7 #D0D8E0 #A0B1BF #6B7F8F #3A4652
Atmosfera: riflessivo, delicato, morbido
Ideale per: layout rivista editoriale
Riflessivo e morbido come gocce di pioggia sul vetro, questi toni creano un’esperienza di lettura tranquilla. Splendono perfetti nei layout editoriali, dove la gerarchia conta più del colore forte. Uniscili a foto in scala di grigi calda, linee sottili, e titoli con carattere grazie per eleganza. Consiglio: tieni il testo sul tono più chiaro e usa il blu medio per citazioni e sezioni.
Esempio di immagine finestra piovosa generata con media.io
6) Grafite Ondosa

HEX: #DDE4EA #AEBBC6 #778C9D #3E5666 #1C2A33
Atmosfera: cupo, stabile, cinematografico
Ideale per: poster tipografico film
Cupo e stabile come una marea scura sotto le nuvole, questa miscela è cinematografica e audace. Perfetto per poster tipografici e campagne che richiedono dramma senza neon. Da abbinare a un accento metallico o bianco sporco per mantenere leggibilità. Consiglio: imposta lo sfondo sul tono più scuro e crea contrasto testuale con i due toni più chiari.
Esempio di immagine grafite ondosa generata con media.io
7) Vetro di Mare Invernale

HEX: #F6F8FA #D7E0E7 #A8B9C6 #6E8797 #3E515D
Atmosfera: fresco, silenzioso, minimalista
Ideale per: packaging skincare
Fresco e silenzioso come vetro di mare ghiacciato, queste tonalità risultano pulite, morbide e rassicuranti. Ottimi per packaging skincare dove si cerca un tocco clinico senza durezza. Da abbinare a bianco opaco, rilievo leggero e una piccola finitura in argento per effetto premium. Consiglio: mantiene l’etichetta soprattutto chiara e usa il tono medio per le affermazioni chiave così il pack resta arioso.
Esempio di immagine vetro di mare invernale generata con media.io
8) Blueprint Urbano

HEX: #E3EAF0 #B4C3D0 #7C93A7 #4D6A83 #273646
Atmosfera: intelligente, tecnico, contemporaneo
Ideale per: sito portfolio architettura
Intelligente e tecnico come un blueprint su tavolo da disegno, questo set è preciso e attuale. Funziona bene per portfolio architettura dove le immagini vanno incorniciate in modo pulito e il testo deve restare nitido. Da aggiungere cemento caldo, acero chiaro o accenti terracotta per ammorbidire l’atmosfera tecnica. Consiglio: usa il blu medio per link e hover così la navigazione resta sottile ma chiara.
Esempio di immagine blueprint urbano generata con media.io
9) Laguna Tranquilla

HEX: #F1F5F8 #C9D4DE #93A7B6 #5F7787 #34444F
Atmosfera: serena, equilibrata, effetto spa
Ideale per: ui app meditazione
Serena ed equilibrata come acqua ferma al tramonto, questi toni creano un ritmo facile da spa. Come palette blu grigio per app, mantiene i display calmi ma con gerarchia chiara. Da abbinare a gradienti delicati, componenti arrotondati e un accento crema per evitare effetto sterile. Consiglio: riserva la tonalità più scura per azioni primarie e mantieni tutto il resto poco contrastato per relax.
Esempio di immagine di una laguna tranquilla generata con media.io
10) Silverline Night

HEX: #D9E1E8 #A9B7C3 #6F8798 #3D5564 #131B22
Atmosfera: elegante, notturno, premium
Ideale per: landing page fintech
Elegante e notturna come le luci della città sull’asfalto bagnato, questa palette trasmette un senso di premium e sicurezza. È una combinazione forte di blu grigi per i brand fintech che desiderano trasmettere fiducia senza colori aggressivi. Abbinare con tipografia bianca nitida, icone a linea sottile e un accento di ciano sobrio per mettere in risalto. Consiglio d’uso: riserva la tonalità più scura per la hero section e sfuma verso i toni più chiari man mano che si scorre.
Esempio di immagine di Silverline Night generata con media.io
11) Nordic Slate

HEX: #F7F8F9 #D3D9DE #9CAAB5 #667784 #2F3C45
Atmosfera: scandinavo, pulito, accogliente
Ideale per: stile cucina minimal
Puliti e accoglienti come un mattino d’inverno scandinavo, questi toni sono morbidi ma decisi. Ottimi per cucine minimaliste con legno chiaro, ceramiche opache e ferramenta semplice. Aggiungi una pianta di salvia tenue o una maniglia in ottone caldo per vivacizzare la base fredda. Consiglio d’uso: ripeti il blu-grigio medio due volte nello spazio per rendere il look intenzionale e non fortuito.
Esempio di immagine di Nordic Slate generata con media.io
12) Glacier Ink

HEX: #EAF1F7 #C2D1E0 #89A2B8 #4E6A82 #223243
Atmosfera: nitido, luminoso, ad alto contrasto
Ideale per: presentazione slide deck
Nitido e luminoso come la luce su un ghiacciaio, questo set mantiene i contenuti moderni e ben definiti. Funziona particolarmente bene per le presentazioni dove grafici, callout e titoli necessitano di un contrasto marcato. Abbinare con un unico accento caldo come corallo o ambra per evidenziare i numeri chiave. Consiglio d’uso: mantieni le griglie dei grafici molto chiare e usa la tonalità più scura solo per etichette e totali.
Esempio di immagine di Glacier Ink generata con media.io
13) Cloudy Pier

HEX: #F0F3F6 #D0DAE3 #A0B0BE #6A8092 #3B4B59
Atmosfera: morbido, nautico, rilassato
Ideale per: design menù caffetteria
Morbidi e nautici come un molo tranquillo sotto cieli nuvolosi, questi colori trasmettono relax e accoglienza. Perfetti per menù di caffè dove legibilità e vibe costiera sono importanti. Abbina con carta cremosa, illustrazioni a linea semplice e un tocco di marrone caldo per le note di caffè. Consiglio d’uso: usa la tonalità intermedia per i titoli delle sezioni e mantieni il testo degli elementi sullo sfondo più chiaro per chiarezza.
Esempio di immagine di Cloudy Pier generata con media.io
14) Ocean Concrete

HEX: #E4E9EE #B7C3CD #8396A6 #546A79 #2B3943
Atmosfera: industriale, equilibrato, contemporaneo
Ideale per: interni ufficio moderno
Industriale ma calmo, come aria di mare che attraversa il cemento, questa palette è contemporanea e vivibile. Ideale per uffici focalizzati, specialmente con acciaio nero, noce e tessuti testurizzati. Usa le due tonalità più chiare per pareti e superfici ampie, poi aggiungi le più scure tramite tappeti o pannelli acustici. Consiglio d’uso: aggiungi una fonte di luce calda per evitare un effetto eccessivamente freddo.
Esempio di immagine di Ocean Concrete generata con media.io
15) Blue Ash Minimal

HEX: #F8FAFB #D9E1E7 #AAB7C2 #738595 #384650
Atmosfera: minimal, delicato, ordinato
Ideale per: modello curriculum vitae
Minimal e delicato come carta velata di cenere, questi toni mantengono i layout ordinati e sicuri. Ideali per CV dove si cerca struttura senza riquadri pesanti o colori forti. Da abbinare a un sans-serif pulito e un tocco di grigio caldo per i divisori di sezione. Consiglio d’uso: usa la tonalità intermedia per i titoli e lascia il testo su quasi bianco per la massima leggibilità.
Esempio di immagine di Blue Ash Minimal generata con media.io
16) Stormy Linen

HEX: #EFEFEF #C9D1D7 #94A2AE #5E717F #2D3A43
Atmosfera: materico, caldo-freddo, senza tempo
Ideale per: styling colori camera da letto
Materica e senza tempo come nuvole tempestose su lino spiegazzato, questa palette trasmette calma e maturità. Adatta a camere dove si desidera freschezza ma anche calore. Abbina a biancheria in avena, juta naturale e dettagli in nero morbido per definizione. Consiglio d’uso: sovrapponi due toni intermedi nei tessuti per rendere la stanza intenzionale, non monocromatica.
Esempio di immagine di Stormy Linen generata con media.io
17) Pebblewave

HEX: #E8EEF2 #C1CCD5 #8B9EAD #5A7180 #2E3D47
Atmosfera: naturale, equilibrato, energico con calma
Ideale per: pubblicità prodotto outdoor
Naturale e stabile come ciottoli levigati sotto l’acqua che si muove, questi toni trasmettono energia discreta. Ideali come sfondo affidabile per pubblicità di prodotti outdoor dove i dettagli devono risaltare. Da abbinare a un tocco di arancione safety o lime per accenti funzionali. Consiglio d’uso: mantieni lo sfondo di luminosità media e usa i due toni più scuri per le ombre e la profondità.
Esempio di immagine di Pebblewave generata con media.io
18) Museum Wall

HEX: #F3F5F6 #D2D9DE #A5B2BC #6B7F8E #34414A
Atmosfera: silenzioso, curato, sofisticato
Ideale per: invito evento in galleria
Silenziosa e curata come un muro di museo sotto faretti soft, questa palette risulta sofisticata e intenzionale. Perfetta per inviti eleganti in cui la tipografia sia protagonista. Da abbinare a tanto spazio vuoto, un raffinato serif e solo un piccolo dettaglio metal per un tocco prezioso. Consiglio d’uso: stampa lo sfondo chiaro e usa il tono più scuro per nomi, date e gerarchie.
Esempio di immagine di Museum Wall generata con media.io
19) Midnight Haze

HEX: #DCE4EA #AEBCC7 #7890A0 #445E6F #0F1720
Atmosfera: drammatico, elegante, moderno
Ideale per: interfaccia musica ora in riproduzione
Drammatico ed elegante come foschia notturna su strade senza neon, questi toni creano un mood moderno. Le combinazioni di blu-grigio qui fanno risaltare le copertine degli album mantenendo i controlli leggibili. Da abbinare a gradienti delicati e un solo colore di accento per lo stato di riproduzione, come teal o magenta tenui. Consiglio d’uso: usa il quasi nero come sfondo del player e lascia il testo sul tono più chiaro per il contrasto.
Esempio di immagine di Midnight Haze generata con media.io
20) Nautical Paper

HEX: #FAFAF8 #D8E0E6 #A7B6C2 #6C8292 #2E3C46
Atmosfera: classico, pulito, adatto alla stampa
Ideale per: carta intestata e cancelleria
Classico e pulito come cancelleria fresca con un tocco marino, questi colori trasmettono fiducia e senza tempo. Come palette blu-grigia, si adatta a carta intestata, fatture e brand identity che devono apparire professionali anche su carta stampata. Da abbinare a cartoncino bianco sporco e tono inchiostro profondo per firme e timbri. Consiglio d’uso: tieni il logo in un solo tono scuro e non usare più di due colori per pagina per un risultato premium.
Esempio di immagine di Nautical Paper generata con media.io
Quali colori si abbinano bene al blu grigio?
I neutri caldi sono l’abbinamento più facile: avorio, avena, beige e grigio caldo mantengono la palette accogliente ma consentono al blu-grigio di restare calmo e moderno. Negli interni, aggiungi toni legno naturale (rovere, noce) per addolcire il sottofondo freddo.
Per il contrasto, usa carbone scuro o quasi nero per tipografia e struttura, poi inserisci un piccolo accento brillante (corallo, ambra o turchese) per punti focali come CTA e numeri chiave.
Per un look più organico, prova verdi tenui (salvia, eucalipto) o terracotta. Creano un equilibrio caldo-freddo che è contemporaneo ma non troppo clinico.
Come utilizzare una palette blu grigio nei progetti reali
Parti dai ruoli, non solo da “bei colori”: assegna il tono più chiaro agli sfondi, il secondo più chiaro a superfici/card, i toni medi alla navigazione e ai bordi, e il più scuro a testo, icone e azioni primarie.
Mantieni la saturazione moderata per evitare un effetto “freddo corporate”. Se il layout sembra troppo glaciale, scalda con materiali (carta, lino, legno) o un unico accento caldo usato con coerenza tra stati e highlight.
Per stampa e branding, limita la palette attiva a 2–3 toni e usa il resto come tinte di supporto. Questa disciplina è ciò che fa sembrare le palette blu-grigie premium e intenzionali.
Crea visual della palette blu grigio con IA
Se vuoi vedere queste tonalità blu-grigie in un contesto reale (dashboard, camera, packaging o invito), genera velocemente concept grafici tramite i prompt testuali. Così puoi convalidare contrasto, mood e abbinamenti materici prima di passare alla produzione.
Con Media.io puoi trasformare un prompt in mockup puliti e scenari stilizzati in pochi minuti, poi iterare cambiando accenti (come corallo o turchese) mantenendo la stessa base neutra.
Prova a descrivere il tuo formato (UI, poster, interni), luce e materiali, poi aggiungi “colori in palette” per mantenere i risultati coesi.
Domande Frequenti Sulle Palette Grigio Blu
-
Cos’è una palette di colori grigio blu?
Una palette di colori grigio blu è un insieme di toni costruiti attorno al blu smorzati con il grigio, ottenendo toni più calmi e neutri ma sempre moderni e affidabili. -
Il grigio blu è caldo o freddo?
La maggior parte dei grigi blu è percepita come fredda a causa della base blu, ma risultano più equilibrati se abbinati a neutri caldi (avorio, beige, rovere) o accenti caldi (terracotta, ambra). -
Quali colori di accento si abbinano meglio al grigio blu?
Corallo, ambra, terracotta, salvia e turchese sono accenti molto usati. Usa gli accenti con parsimonia (spesso il 5–10% del design) così la palette rimane pulita e coerente. -
Le tonalità grigio blu sono adatte per UI e dashboard?
Sì—il grigio blu è ideale per la UI perché supporta la gerarchia senza affaticare la vista. Usa toni chiari per superfici, medi per stati e profondi per testo e azioni primarie. -
Come faccio a non far sembrare il grigio blu troppo freddo?
Aggiungi materiali e texture calde (lino, carta, legno), inserisci illuminazione calda negli ambienti, oppure scegli un solo accento caldo per highlight e CTA. -
Qual è un buon colore per il testo su sfondi grigio-blu chiari?
Il blu grigio carbone profondo o quasi nero (invece del nero puro) offre solitamente un'ottima leggibilità mantenendo l'aspetto morbido. Verifica sempre il contrasto per l'accessibilità. -
Posso generare mockup basati su palette con l'IA?
Sì—usa uno strumento di text-to-image e specifica il tipo di design (ad esempio “dashboard SaaS”, “packaging per la cura della pelle”) oltre a “colori abbinati alla palette” per mantenere i risultati coerenti con le tonalità HEX scelte.
Prossimo: Palette di Colori Blu Turchese

