Blue Gray: 20 Palette Colori Abbinamenti con Codici Hex

Blu grigio è il silenzioso cavallo di battaglia del design moderno dei colori: freddo, raffinato e facile da abbinare sia ad accenti caldi che a neutri puliti.

Di seguito trovi 20 idee selezionate di palette blu grigio (con codici HEX) che puoi usare per UI, interni, branding e altro—più consigli rapidi e prompt AI per generare visual abbinati.

Perché le palette blu grigio funzionano così bene

Blu grigio si trova tra il "blu affidabile" e il "grigio neutro", quindi trasmette calma, professionalità e raffinatezza senza risultare freddo o sterile. È una base sicura quando vuoi che un design sia moderno ma non alla moda.

Poiché blu grigio supporta naturalmente il contrasto, puoi costruire una chiara gerarchia con navigazione/header più scuri e superfici luminose—particolarmente utile per UI, presentazioni e layout editoriali dove la leggibilità è importante.

È anche un forte colore ponte: si abbina facilmente ad accenti caldi (sabbia, bronzo, rosa) e a note fredde (salvia, teal, bianco ghiaccio), rendendolo flessibile per interni, packaging e sistemi di branding.

Oltre 20 idee di palette blu grigio (con codici HEX)

1) Nebbia Costiera

HEX: #2E3E4E #5E7282 #A7B5C0 #E7EDF1 #D7C3A5

Atmosfera: arioso, costiero, calmo

Ideale per: soggiorni di case sulla spiaggia e interni di ospitalità rilassata

Aria e salsedine, sembra la nebbia mattutina che scivola su rive di ciottoli. Usa il blu grigio più profondo come base su pareti o tessuti larghi, poi sovrapponi i toni più chiari per morbidezza. L'accento sabbia riscalda il set e evita che sembri troppo freddo. Consiglio: ripeti il colore sabbia in due piccoli punti (cuscini e una striscia sul tappeto) per rendere la stanza intenzionale.

Esempio immagine di nebbia costiera generata con media.io

Media.io

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

Prova Gratis Ora

2) Ardesia e Salvia

HEX: #344552 #6E8594 #B9C6CE #E9EEF2 #7E9B8B

Atmosfera: radicato, fresco, moderno

Ideale per: packaging skincare eco e etichette per brand wellness

Toni ardesia solidi incontrano una nota pulita di salvia, come una spa tranquilla con eucalipto nell'aria. Queste combinazioni di blu grigio funzionano benissimo su supporti opachi dove le sfumature si percepiscono come premium. Mantieni la tipografia carbone o avorio, e usa la salvia per sigilli, tappi o punti evidenti. Consiglio: riserva la sfumatura più scura per il testo di conformità in modo che l'etichetta resti leggibile senza apparire dura.

Esempio immagine di ardesia e salvia generata con media.io

3) Porto di Mezzanotte

HEX: #0F1C2B #2C3E55 #5B6F86 #A8B6C4 #F2B6A0

Atmosfera: atmosferico, lussuoso, notturno

Ideale per: branding per cocktail bar e promo eventi serali

Atmosferico e cinematografico, richiama le luci del porto riflesse sull'acqua oscura. Usa la base inchiostro per sfondi, poi i toni medi per icone, pattern o pannelli secondari. Un accento corallo morbido aggiunge calore per CTA, timbri o regole evidenziate senza rompere il mood notturno. Consiglio: tieni il corallo sotto al 10 percento di copertura per mantenere la palette sofisticata.

Esempio immagine di porto di mezzanotte generata con media.io

4) Finestra Piovosa

HEX: #1F2A35 #455766 #7F93A1 #C9D4DC #F3F6F8

Atmosfera: silenzioso, minimal, concentrato

Ideale per: dashboard di analytics e temi UI SaaS

Silenzioso e concentrato, richiama le gocce di pioggia che rigano una finestra cittadina. Questa palette blu grigio mantiene le interfacce calme garantendo una chiara gerarchia da nav scura a superfici pallide. Abbinala a un singolo accento vivace (ambra o teal) per stati attivi e avvisi. Consiglio: usa la sfumatura più chiara come tela principale per ridurre la fatica negli utilizzi prolungati.

Esempio immagine di finestra piovosa generata con media.io

5) Acciaio Nordico

HEX: #2A3A46 #516574 #8EA0AD #D6DEE5 #FFFFFF

Atmosfera: pulito, strutturato, scandinavo

Ideale per: presentazioni aziendali e report annuali

Pulito e strutturato, evoca metallo spazzolato e luce nevosa. Usa i toni più scuri per titoli e divisori di sezione, lasciando che i grigi chiari dominino la pagina. Si abbina naturalmente a aperture bianche nette e forme geometriche semplici. Consiglio: limita i grafici a due serie più un colore di evidenza così le slide restano leggibili senza sforzo.

Esempio immagine di acciaio nordico generata con media.io

6) Denim Drift

HEX: #243445 #3F5B74 #6F8FA8 #B8CAD8 #E9EDF0

Atmosfera: casual, giovane, all'aperto

Ideale per: annunci abbigliamento denim e pagine lookbook

Casual e in balia del vento, ricorda denim sbiadito in un pomeriggio fresco. Costruisci la base con le sfumature più scure per titoli e cornici, quindi usa i blu più chiari per sfondi e spazi negativi. Si abbina bene a texture di carta avorio e tipografia nera minimal. Consiglio: aggiungi un overlay di texture grain sottile per rendere i colori più tattili e moderni.

Esempio immagine di denim drift generata con media.io

7) Tempesta Argento

HEX: #1D2B36 #3C515E #708693 #B7C4CC #D9A15F

Atmosfera: drammatico, raffinato, alto contrasto

Ideale per: finiture cucina moderna e stile elettrodomestici

Drammatico e raffinato, ricorda nuvole tempestose con un lampo di luce calda. Queste combinazioni blu grigio brillano nelle cucine dove metallo, pietra e vetro richiedono un fondale coeso. Usa l'accento bronzo su accessori, luci o uno sgabello per evitare che lo spazio sembri sterile. Consiglio: scegli solo una finitura metallica calda così il contrasto è intenzionale e non confusionario.

Esempio immagine di tempesta argento generata con media.io

8) Inchiostro e Nebbia

HEX: #101820 #33404B #667786 #C8D1D8 #F7F9FA

Atmosfera: editoriale, nitido, moderno

Ideale per: copertine libri e poster tipografici minimalisti

Nitido e editoriale, ricorda inchiostro fresco che si asciuga su carta liscia. Lascia il quasi-nero per titoli e tipografia chiave, mentre i grigi nebbiosi aprono spazi ampi. Si abbina perfettamente a caratteri serif grassetto o sans condensati per un look letterario moderno. Consiglio: mantieni un unico grande blocco di spazio negativo per sentirsi premium.

Esempio immagine di inchiostro e nebbia generata con media.io

9) Lago Glaciale

HEX: #2B3A4A #4F6B7D #7FA7B9 #CFE3EC #F7FBFD

Atmosfera: fresco, arioso, natura

Ideale per: stampe paesaggio acquerello e header blog natura

Fresco e arioso, evoca un lago alpino cristallino sotto cielo pallido. Usa i blu medi per acqua e ombre, e le sfumature più chiare per highlights e nebbia. Si abbina bene a verdi pino o linee carbone per definizione. Consiglio: limita i bordi netti e lascia che le sfumature wet-on-wet facciano il lavoro per una finitura calma e naturale.

Esempio di immagine di lago glaciale generata con media.io

10) Frutteto Tempestoso

HEX: #2A3844 #586B78 #9AA9B2 #E1E7EA #8B6B4E

Atmosfera: rustico, attenuato, accogliente

Ideale per: cucine di cascina e branding di cibi artigianali

Rustico e attenuato, ricorda un frutteto subito dopo la pioggia. I toni neutri freddi creano una base pulita, mentre il marrone caldo aggiunge un tocco fatto a mano, perfetto per la dispensa. Abbinatelo a carta kraft, tipografia con grazie e semplici icone lineari per un look autentico. Consiglio: usate il marrone per timbri e dettagli sugli ingredienti per guidare lo sguardo senza appesantire.

Esempio di immagine di frutteto tempestoso generata con media.io

11) Studio Blueprint

HEX: #1B2D45 #2F4E6B #5F7F9B #AFC2D1 #F2F4F6

Atmosfera: tecnico, sicuro, creativo

Ideale per: portfolio di architettura e lookbook di studi creativi

Tecnico e sicuro, ricorda la carta dei progetti e le linee di disegno. Usa i blu più scuri per griglie, didascalie ed intestazioni, con pannelli chiari per mantenere la leggibilità. Si abbina bene a icone lineari sottili e margini generosi per un effetto galleria. Consiglio: usa un grigio caldo per il testo principale per ammorbidire il mood ingegneristico.

Esempio di immagine di studio blueprint generata con media.io

12) Periwinkle Polveroso

HEX: #2E3A4C #56647C #8793B0 #C9CDE0 #F6F5FA

Atmosfera: morbido, sognante, delicato

Ideale per: inviti per baby shower e set di cartoleria dolce

Morbido e sognante, ricorda la luce del crepuscolo con un velo di lilla. Conserva i toni più scuri per nomi e dettagli essenziali, mentre le sfumature chiare creano una base ariosa simile alla carta. Perfetto con fiori delicati, bordi sottili e dettagli in lamina oro rosa. Consiglio: scegli un solo carattere script e lascia che sia il colore a rendere l’atmosfera romantica.

Esempio di immagine di periwinkle polveroso generata con media.io

13) Grafite Urbana

HEX: #161C22 #303A43 #56636E #9EABB4 #E7EBEE

Atmosfera: industriale, elegante, moderno

Ideale per: post social streetwear e annunci drop

Elegante e industriale, ricorda schizzi a grafite e marciapiedi in cemento. Usa i toni più scuri per tipi audaci e bordi, poi aggiungi i grigi chiari per texture e spaziatura. Si abbina a fotografie ad alto contrasto e ad un singolo accento neon se serve energia. Consiglio: mantieni ombre e overlay coerenti in modo che i post sembrino una serie unica.

Esempio di immagine di grafite urbana generata con media.io

14) Biblioteca Tranquilla

HEX: #2B343C #4E5D69 #7D8D9A #C9D2D8 #E6D8C7

Atmosfera: accogliente, riflessiva, senza tempo

Ideale per: home office e makeover angolo lettura

Accogliente e riflessiva, ricorda la stoffa usurata dei libri e il silenzio in sala lettura. I grigi-blu costruiscono uno sfondo calmo per mobili in legno, mentre la tonalità pergamena calda rende tutto invitante. Perfetto con dettagli in ottone, texture in pelle e luce morbida da lampada per un effetto vissuto. Consiglio: dipingi le librerie nel tono medio e usa il più scuro solo sulle cornici per dare profondità.

Esempio di immagine di biblioteca tranquilla generata con media.io

15) Cemento Artico

HEX: #202B33 #45535E #788792 #BFC8CF #F3F5F6

Atmosfera: minimale, freddo, architettonico

Ideale per: onboarding app mobile e UI fintech

Minimale e freddo, evoca superfici in cemento illuminate dalla luce invernale. Una palette blu-grigia come questa eccelle negli onboarding dove contano chiarezza e fiducia. Abbinala a un accento deciso (blu elettrico o lime) per stati di avanzamento e bottoni chiave. Consiglio: usa il penultimo tono più chiaro per i background delle card così il contenuto è separato senza bordi pesanti.

Esempio di immagine di cemento artico generata con media.io

16) Ciottolo Marino

HEX: #283744 #516575 #92A3AF #D9E1E6 #B7A190

Atmosfera: naturale, equilibrato, sobrio

Ideale per: packaging candele in ceramica e inserzioni prodotto lifestyle

Naturale e sobrio, ricorda ciottoli levigati e legno trasportato dal mare. Usa i toni freddi per etichette e pannelli secondari, lasciando che l’accento taupe porti un contrasto morbido e terroso. Si abbina a tipografia con grazie minimale e texture di carta grezza. Consiglio: scegli uno sfondo bianco-caldo invece del bianco puro per mantenere il mood organico.

Esempio di immagine di ciottolo marino generata con media.io

17) Heritage Moderno

HEX: #223141 #3E5568 #6D859C #B9C8D3 #C7A574

Atmosfera: classico, sicuro, con accento caldo

Ideale per: branding premium abbigliamento uomo e insegne boutique

Classico e sicuro, ricorda abiti sartoriali con dettagli in ottone caldo. Le tonalità profonde valorizzano logotipi e monogrammi, mentre i blu chiari alleggeriscono tutto. Abbina l'accento oro-tan a carta texturizzata, stampa a rilievo o pattern sottili per un finish heritage. Consiglio: usa l’accento solo su linee e icone per mantenere l’equilibrio raffinato.

Esempio di immagine di heritage moderno generata con media.io

18) Fioritura Invernale

HEX: #2C3846 #5A6A7A #9AA8B5 #DCE3EA #E7B7C6

Atmosfera: morbido, romantico, invernale

Ideale per: cartoleria floreale ad acquerello e biglietti stagionali

Morbido e romantico, sembra petali chiari contro un cielo freddo. L’accento rosato aggiunge delicatezza senza risultare troppo dolce. Perfetto con linee sottili, lavaggi leggeri e tanto spazio bianco per un design elegante. Consiglio: limita il rosa a fiorellini e sigilli per mantenere i neutri freddi protagonisti.

Esempio di immagine di fioritura invernale generata con media.io

19) Ombra Verde Petrolio

HEX: #14212B #2B3E4A #4E6A73 #9DB2B8 #E9EFF0

Atmosfera: misterioso, freddo, contemporaneo

Ideale per: pagine di atterraggio tech e sezioni feature prodotto

Misterioso e freddo, evoca l’acqua profonda in penombra. Usa il tono più scuro per hero section e navigazione, poi passa ai toni nebbiosi per feature e diagrammi. Perfetto con icone bianche e un solo accento brillante come ciano elettrico per i link. Consiglio: aumenta interlinea e spazio nei fondi scuri per un effetto arioso.

Esempio di immagine di ombra verde petrolio generata con media.io

20) Blu Navy Velato

HEX: #182535 #2F4157 #5D748C #A7B6C3 #EEF2F5

Atmosfera: sicuro, pulito, professionale

Ideale per: report aziendali, proposte e header web

Sicuro e pulito, ricorda uniformi navy ammorbidite dalle nuvole. Usa i navy-grigi scuri per titoli e barre sezioni, affidati ai neutri chiari per contenuti leggibili. Perfetto con bianco brillante, divisori sottili e data viz discreta. Consiglio: mantieni i link nel blu medio così risaltano senza sembrare eccessivi.

Esempio di immagine di blu navy velato generata con media.io

Quali colori si abbinano bene al blu grigio?

Gli accenti caldi sono il modo più rapido per rendere il blu grigio accogliente. Sabbia, cammello, bronzo, tan dorato, terracotta e corallo tenue aggiungono contrasto senza risultare invadenti.

Per un look fresco e organico, abbina il blu grigio a verdi spenti come salvia, eucalipto o teal scuro. Questi vicini sul lato freddo aiutano a mantenere il mood calmo e contemporaneo.

Per un design nitido e ad alta leggibilità (specialmente nelle UI), combina blu grigio con bianchi puliti e quasi neri. La gamma neutra mantiene la tipografia nitida e lascia spazio a un solo accento colore forte (per stati e CTA).

Come usare una palette blu grigio nei design reali

Inizia dall'assegnazione dei ruoli: scegli un blu grigio scuro per titoli/nav, uno medio per UI secondarie o arredo, e uno molto chiaro per i fondi. Questo crea gerarchia prima di aggiungere qualsiasi accento.

Mantieni gli accenti intenzionali e limitati—pensa “meno del 10% della copertura”. Usa una sola nota calda (come sabbia, bronzo, rosa) per highlights, icone, badge o hardware per un sistema coerente.

In stampa e branding, il blu grigio ha un effetto premium su carte opache e senza patinatura. Aggiungi texture (grana, lino, carta acquerello) per evitare piattezza e far risaltare le variazioni di tono.

Crea visual palette blu grigio con AI

Se stai presentando un concept o creando una moodboard, generare rapidamente visual può aiutare i clienti a “vedere” la palette blu grigio in contesto—stanze, packaging, mockup UI o poster.

Usa prompt che descrivono luce, materiale e stile (opaco, metallo spazzolato, luce morbida diurna, layout minimale). Poi applica i tuoi colori HEX nella fase di design per abbinare perfettamente il look.

Prossimo: Palette di Colori Nero Verde