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
  1. Perché le palette blu grigio funzionano così bene
    1. porto nebbioso
    2. acciaio e cielo
    3. foschia costiera
    4. denim sfumato
    5. finestra piovosa
    6. grafite ondosa
    7. vetro di mare invernale
    8. blueprint urbano
    9. laguna tranquilla
    10. notte argentea
    11. ardesia nordica
    12. inchiostro glaciale
    13. molo nuvoloso
    14. cemento oceanico
    15. minimal cenere blu
    16. lino tempestoso
    17. onda di ciottoli
    18. muro del museo
    19. foschia di mezzanotte
    20. carta nautica
  2. Quali colori si abbinano bene al blu grigio?
  3. Come utilizzare una palette blu grigio nei progetti reali
  4. 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

misty harbor color palette with hex codes

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

misty harbor coastal living room
Prompt: soggiorno costiero fotorealistico, luce naturale soffusa, divano in lino, dettagli in rovere chiaro, nichel spazzolato, pareti e tessili ispirati alla palette, composizione pulita --ar 16:9
Media.io
Media.io è uno studio online di IA per creare e modificare video, immagini e audio direttamente nel browser.
media.io media.io

2) Acciaio e Cielo

steel and sky color palette with hex codes

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

steel and sky saas dashboard
Prompt: simulazione 2d di dashboard saas analytics, design piatto, griglia pulita, card, grafici, navigazione laterale, colori corrispondenti alla palette, nessun frame dispositivo, sfondo semplice --ar 16:9

3) Foschia Costiera

coastal fog color palette with hex codes

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

coastal fog brand identity
Prompt: tavola di presentazione identità di marca, variazioni logo, biglietto da visita, carta intestata, layout grafico minimale su sfondo neutro, colori derivati dalla palette --ar 4:3

4) Denim Sfumato

denim drift color palette with hex codes

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

denim drift fashion banner
Prompt: banner hero ecommerce su sfondo semplice, tipografia audace, blocchi layout semplici, schema colori basato sulla palette, nessuna foto, nessuna mano --ar 21:9

5) Finestra Piovosa

rainy window color palette with hex codes

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

rainy window magazine spread
Prompt: layout spread rivista stampata, tipografia editoriale, colonne, citazioni, segnaposto immagini, margini puliti, colori basati sulla palette, graphic design piatto --ar 3:2

6) Grafite Ondosa

graphite tide color palette with hex codes

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

graphite tide typography poster
Prompt: design poster tipografico su sfondo semplice, titolo e sottotitolo audaci, forme grafiche minime, solo colori della palette, nessuna foto, nessuna scena mockup --ar 2:3

7) Vetro di Mare Invernale

winter seaglass color palette with hex codes

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

winter seaglass skincare packaging
Prompt: foto studio realistica di bottiglia skincare e scatola abbinata, sfondo pulito e uniforme, luce diffusa morbida, colori dell’etichetta ispirati alla palette, composizione minimal --ar 4:3

8) Blueprint Urbano

urban blueprint color palette with hex codes

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

urban blueprint portfolio website
Prompt: simulazione homepage sito portfolio architettura, griglia pulita, ampi segnaposto immagine, navigazione minimale, layout 2d piatto su sfondo semplice, colori allineati alla palette --ar 16:9

9) Laguna Tranquilla

quiet lagoon color palette with hex codes

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

quiet lagoon meditation ui
Prompt: mockup UI 2D per un'app di meditazione, schermate di onboarding calme, card arrotondate, gradienti delicati, icone e tipografia, colori basati su palette, senza cornice del telefono, sfondo semplice --ar 9:16

10) Silverline Night

silverline night color palette with hex codes

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

silverline night fintech landing
Prompt: mockup di landing page 2D per un prodotto fintech, sezione hero, card delle funzionalità, tabella prezzi, design piatto su sfondo semplice, colori derivati dalla palette, nessuna cornice dispositivo --ar 16:9

11) Nordic Slate

nordic slate color palette with hex codes

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

nordic slate minimal kitchen
Prompt: cucina minimal scandinava fotorealistica, mobili in rovere chiaro, piano in pietra opaca, luce naturale soffusa, accenti blu-grigio nei tessili e decori, stile ordinato --ar 16:9

12) Glacier Ink

glacier ink color palette with hex codes

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

glacier ink slide deck
Prompt: design professionale di slide deck per presentazioni, slide titolo e slide dati, grafici e icone, layout pulito e piatto su sfondo semplice, colori in palette --ar 16:9

13) Cloudy Pier

cloudy pier color palette with hex codes

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

cloudy pier cafe menu
Prompt: design grafico menù caffetteria su sfondo semplice, tipografia pulita, icone semplici, sezioni e prezzi, solo colori della palette, niente foto, nessuna scena da tavolo --ar 3:4

14) Ocean Concrete

ocean concrete color palette with hex codes

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

ocean concrete modern office
Prompt: interno ufficio moderno fotorealistico, pareti in cemento, scrivania in noce, scaffali in acciaio nero, luce naturale soffusa, accenti blu-grigio in decorazioni e tessili in palette --ar 16:9

15) Blue Ash Minimal

blue ash minimal color palette with hex codes

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

blue ash minimal cv
Prompt: design grafico di template CV su sfondo semplice, tipografia pulita, layout a griglia, intestazioni di sezione, divisori delicati, solo colori della palette --ar 3:4

16) Stormy Linen

stormy linen color palette with hex codes

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

stormy linen cozy bedroom
Prompt: interno camera da letto accogliente fotorealistico, biancheria in lino, tessuti sovrapposti, luce finestra soffusa, accenti parete e decori blu-grigio ispirati alla palette, stile rilassato --ar 16:9

17) Pebblewave

pebblewave color palette with hex codes

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

pebblewave outdoor gear ad
Prompt: foto da studio realistica per pubblicità prodotto outdoor, zaino da trekking e accessori, sfondo pulito e senza giunte, illuminazione direttiva morbida, colori ispirati alla palette, look commerciale premium --ar 4:3

18) Museum Wall

museum wall color palette with hex codes

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

museum wall gallery invite
Prompt: design grafico di invito evento galleria su sfondo semplice, tipografia elegante, layout minimale, piccolo accento geometrico, solo colori della palette, niente mani, nessun tavolo --ar 3:4

19) Midnight Haze

midnight haze color palette with hex codes

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

midnight haze music ui
Prompt: mockup UI 2D di schermata musica ora in riproduzione, placeholder copertina album, controlli playback, drawer playlist, design piatto, colori in palette, nessuna cornice telefono, sfondo semplice --ar 9:16

20) Nautical Paper

nautical paper color palette with hex codes

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

nautical paper stationery set
Prompt: design set cancelleria aziendale, carta intestata e busta e biglietto da visita, mockup grafico piatto su sfondo semplice, tipografia minimal, colori in palette --ar 4:3

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

Julian Moore
Julian Moore May 13, 26
Condividi articoli:
ai-portrait-generator
imgupscaler
media.io

Generatore Video IA

Crea video facilmente da testo o immagini

Genera ora