22 Idee Palette Colori Blu, Azzurro e Grigio con Codici Hex

Il blu grigio chiaro è quel tipo di neutro che rende immediatamente i layout più puliti, calmi e moderni—senza apparire freddi o piatti. Ha una sottile sfumatura blu che si abbina naturalmente allo spazio bianco, al blu navy intenso e ad accenti caldi e morbidi.

Di seguito trovi più di 20 idee di palette di colori blu grigio chiaro con codici HEX, utili per sistemi UI, branding, packaging e interni—oltre a suggerimenti AI che puoi usare su Media.io per generare visual abbinati.

Perché le palette blu grigio chiaro funzionano così bene

Il blu grigio chiaro si trova nel punto ideale tra un “neutro pulito” e un “accento freddo”. Risulta professionale e strutturato, ma più morbido rispetto al grigio puro—quindi più facile per gli occhi in UI e contenuti lunghi.

Poiché supporta naturalmente un forte contrasto con navy/charcoal, è ottimo per l'accessibilità e i layout ricchi di tipografia. Puoi mantenere le interfacce ariose, rendendo comunque titoli, CTA e dati ben evidenti.

Si abbina anche magnificamente a toni caldi. Un pizzico di beige, sabbia, caramello o rosa evita che la palette risulti sterile, soprattutto in branding, packaging e interni.

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

1) Porto Nebbioso

HEX: #B9C6D4 #E9EEF3 #6F8296 #2E3A46 #D8CBB8

Mood: calmo, costiero, raffinato

Ideale per: sezioni hero di siti web e branding per lifestyle

Calmo e costiero come la nebbia del mattino su un porto, queste tonalità mantengono pulizia senza essere fredde. Questa palette blu grigio chiaro funziona meravigliosamente per banner hero, navigazione pulita e fondali per prodotti. Abbinala ad accenti beige caldi per evitare che i neutri risultino sterili, e usa il charcoal intenso per la tipografia. Consiglio: riserva la tonalità più scura per titoli e CTA così il layout rimane arioso.

Esempio di immagine porto nebbioso generato con media.io

Media.io

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

Provalo ora gratis

2) Studio Linea di Nuvole

HEX: #C7D2DE #F6F8FB #8FA1B3 #4C5A67 #C9B8D6

Mood: soffice, arioso, pulito da studio

Ideale per: sistemi di identità visiva e cartoleria

Soffice e arioso come la luce in uno studio fotografico, questo mix mantiene tutto raffinato e moderno. La base chiara dà spazio ai loghi, mentre l'ardesia e la grafite aggiungono struttura alla tipografia. Abbina la sfumatura lavanda a texture di carta opaca per una sensazione premium. Consiglio: usa il blu grigio medio come neutro principale del marchio e riserva il tono più scuro per dettagli come regole e icone.

Esempio di immagine studio linea di nuvole generato con media.io

3) Lino Artico

HEX: #BBC7D3 #F2F4F3 #A7B59B #657585 #1F2A33

Mood: fresco, naturale, sobrio

Ideale per: packaging skincare e siti wellness

Fresca e discreta, dà la sensazione di aria pulita e lino con una nota di erbe. Il tono salvia ammorbidisce i grigi freddi, ideale per messaggi di benessere e layout con ingredienti. Abbinalo a texture non patinate e tipografia sans-serif per chiarezza. Consiglio: mantieni il verde come accento secondario per un look leggero e arioso.

Esempio di immagine lino artico generato con media.io

4) Sussurro d'Ardesia

HEX: #B2C1CF #DEE6EE #74879A #3E4A56 #E6D2C2

Mood: quieto, moderno, architettonico

Ideale per: layout editoriali e presentazioni

Quieto e architettonico, queste sfumature evocano pietra, carta e ombra soffice. Brillano in slide e editoriali lunghi dove la leggibilità conta tanto quanto il tono. Aggiungi la crema calda come sottile highlight per citazioni o interruzioni di sezione. Consiglio: mantieni il testo principale nell'ardesia scura e usa i grigi chiari per margini e spazi affinché non ci sia riverbero.

Esempio di immagine sussurro d'ardesia generato con media.io

5) Cemento Costiero

HEX: #BAC7D4 #F1F5F8 #9AA0A6 #2B3137 #CBA07A

Mood: urbano-costiero, solido, sicuro

Ideale per: pubblicità prodotti per la casa moderna

Solido e sicuro, richiama i viali in cemento sul mare. Queste combinazioni blu grigio chiaro sono ottime per prodotti di arredo moderno, specialmente se vuoi una base pulita con un accento caldo e artigianale. Abbina il caramello a metallo spazzolato o legno per maggiore profondità. Consiglio: lascia che l’accento caldo appaia in piccoli dettagli ripetuti come pulsanti, prezzi o callout.

Esempio di immagine cemento costiero generato con media.io

6) Denim Invernale

HEX: #B6C4D2 #E7EDF4 #3E6A8E #243241 #D9D4CC

Mood: fresco, casual, affidabile

Ideale per: schermate onboarding app

Fresco e affidabile, ricorda il denim usato sotto un cielo d’inverno. Il blu intenso esalta le azioni principali, mentre le tinte chiare mantengono le schermate di onboarding amichevoli e ordinate. Abbinalo a componenti UI arrotondati e ampio spazio tra le righe per rafforzare la sensazione casual. Consiglio: usa il navy per la CTA principale e riserva il blu medio per azioni secondarie per evitare confusione visiva.

Esempio di immagine denim invernale generato con media.io

7) Eucalipto Ghiacciato

HEX: #C0CCD8 #F7FAFD #6C8E86 #445D66 #B9C7A6

Mood: effetto spa, botanico, rilassante

Ideale per: illustrazioni botaniche e header blog wellness

Effetto spa e rilassante, ricorda foglie di eucalipto coperte di brina mattutina. I toni verde-blu portano una nota botanica delicata senza sopraffare la base chiara. Abbinalo a texture ad acquerello e illustrazioni a linee sottili per uno stile calmo ed editoriale. Consiglio: sfrutta il tono più chiaro come spazio negativo affinché gli accenti botanici siano intenzionali e non caotici.

Esempio di immagine eucalipto ghiacciato generato con media.io

8) Minimal Blu Acciaio

HEX: #B3C1CE #EEF2F6 #7C94AA #1E2B37 #FFFFFF

Mood: minimal, deciso, tecnologico

Ideale per: landing page SaaS e sistemi di icone

Minimal e tecnologico, ricorda acciaio lucido alla luce soffusa. Il bianco e il grigio chiaro creano una base pulita, mentre il blu acciaio mette in evidenza icone e micro-illustrazioni. Abbinalo a forme geometriche semplici e linee costanti per un sistema coeso. Consiglio: mantieni il tono più scuro per navigazione ed etichette chiave così il contrasto resta forte.

Esempio di immagine minimal blu acciaio generato con media.io

9) Ufficio Giorno di Pioggia

HEX: #B8C5D2 #E4EBF2 #5C6F82 #2A333C #C7A38A

Mood: concentrato, professionale, caldamente sobrio

Ideale per: dashboard aziendali e report

Mirato e professionale, ricorda la vista di una finestra piovosa in un ufficio tranquillo. Una combinazione di blu e grigio chiaro mantiene le schermate ricche di dati leggibili ma accoglienti. Abbinalo a divisori sottili e tocchi caldi color sabbia per metriche chiave o avvisi. Consiglio: usa il grigio-blu medio per gli elementi dei grafici così il navy resta riservato per totali e intestazioni.

Esempio di immagine di ufficio in giornata piovosa generato con media.io

10) Nebbia Lavanda Ghiacciata

HEX: #BEC9D6 #F3F6FA #B7A9C8 #6E6A83 #2C2F3A

Mood: sognante, moderno, leggermente romantico

Ideale per: grafiche di copertine musicali e template social

Sognante e moderno, richiama la foschia del crepuscolo con un tocco di lavanda fredda. Il grigio-viola dona carattere senza dominare la base fredda, ottimo per template social e titoli di copertine. Abbinalo a sfumature delicate e linee minimali per un look contemporaneo. Consiglio: mantieni il tono più scuro per i titoli e lascia la lavanda sullo sfondo come bagliore o ombra.

Esempio di immagine di nebbia lavanda ghiacciata generato con media.io

11) Quarzo Azzurro Polvere

HEX: #BFCBDA #F8FBFF #98B7CF #5B6B7A #D7D0C7

Mood: luminoso, pulito, silenziosamente lussuoso

Ideale per: ecommerce di gioielli e griglie prodotto

Luminoso e silenziosamente lussuoso, richiama riflessi di quarzo su un piano brillante. L'azzurro polvere porta freschezza alle griglie di prodotto mentre il grigio freddo mantiene l'attenzione sulle foto. Abbinalo a bordi sottili e ombre soffici per un’atmosfera da boutique. Consiglio: usa il neutro più caldo come sfondo per badge tipo “novità” o “limitato” per evitare contrasti troppo marcati.

Esempio di immagine di quarzo azzurro polvere generato con media.io

12) Editoriale Cielo Argento

HEX: #B7C4D1 #F0F4F8 #8B98A6 #38424D #D2B48C

Mood: editoriale, raffinato, classico moderno

Ideale per: servizi magazine e siti portfolio

Raffinato e classico moderno, evoca un cielo argenteo sopra i tetti cittadini. Usa questa palette blu-grigio chiaro per pagine editoriali dove didascalie, citazioni e gerarchie devono apparire deliberate. Abbinalo ad accenti sabbia calda per ammorbidire linee nette e mantenere il layout accogliente. Consiglio: imposta il testo secondario nel grigio medio per ridurre la fatica da contrasto nelle letture lunghe.

Esempio di immagine editoriale cielo argento generato con media.io

13) Cucina Nordica

HEX: #C3CFDA #F9F7F2 #9AA8B3 #4A5763 #A7BFAE

Mood: scandinavo, pulito-accogliente, pratico

Ideale per: mood board cucina interni

Pulito-accogliente e pratico, richiama una luminosa cucina nordica con mobili dipinti e piani chiari. Il bianco cremoso riscalda i grigi freddi e il verde morbido aggiunge un tocco naturale senza diventare rustico. Abbinalo a texture di legno chiaro e metalli opachi per un look equilibrato. Consiglio: usa il grigio medio per i mobili e i toni più chiari per le pareti per mantenere l’ambiente arioso.

Esempio di immagine cucina nordica generato con media.io

14) Dashboard Tech Sereno

HEX: #B5C2D0 #EDF3F9 #7F93A8 #24303B #4F7C9A

Mood: sereno, organizzato, affidabile

Ideale per: dashboard fintech e tabelle dati

Sereno e ordinato, ricorda fogli di calcolo organizzati con una ventata di cielo. Il tema blu-grigio chiaro aiuta le tabelle dense a restare leggibili mentre il blu acceso evidenzia le azioni chiave. Abbinalo a righe alternate sottili e icone coerenti per chiarezza. Consiglio: applica l’accento blu solo agli elementi interattivi così l’utente sa subito dove cliccare.

Esempio di immagine dashboard tech sereno generato con media.io

15) Parete Museo

HEX: #C1CCD6 #F4F2EE #9CABB6 #3B4650 #C2A27E

Mood: da galleria, silenzioso, elevato

Ideale per: portfolio d’arte e poster di esposizione

Simile a una galleria e silenzioso, ricorda le pareti di un museo sotto fasci di luce soffusa. I neutri freddi danno risalto alle opere d'arte e fotografia, mentre il caldo tan aggiunge calore a didascalie ed etichette. Abbinalo a margini generosi e tipografia contenuta per mantenere l’atmosfera curata. Consiglio: mantieni gli sfondi nei toni più chiari e usa quello più scuro solo per i titoli.

Esempio di immagine parete museo generato con media.io

16) Poster Mare Stampa

HEX: #BFCBDC #F2F7FC #6F8FA8 #2A3A4A #F0D7B6

Mood: luminoso, arioso, grafico

Ideale per: poster di viaggio e stampe d’arte

Luminoso e arioso, richiama schizzi di mare, cielo pallido e carta soleggiata. Il blu intenso aggiunge energia alle forme e ai titoli, mentre la crema calda mantiene il design accogliente. Abbinalo a uno stile illustrativo audace e semplificato per un effetto poster classico da viaggio. Consiglio: limita il navy scuro a contorni e testo così la stampa resta luminosa da lontano.

Esempio di immagine poster mare stampa generato con media.io

17) Packaging Utility Morbido

HEX: #BAC6D1 #F7F8F6 #A3AAB1 #333A41 #7B8C7A

Mood: pratico, pulito, eco-responsabile

Ideale per: packaging prodotti per la casa

Pratico e pulito, ricorda prodotti di utilità ben progettati con un tocco più morbido. La scala di grigi mantiene leggibili le etichette e il verde attenuato rafforza il messaggio eco senza urlare. Abbinalo ad icone semplici e gerarchia informativa chiara per affidabilità. Consiglio: usa la tonalità più scura per liste ingredienti e testo di sicurezza per assicurare il contrasto.

Esempio di immagine packaging utility morbido generato con media.io

18) Matrimonio Fumo Blu

HEX: #C4D0DD #FFF9F2 #9FB1C2 #5D6C79 #C6A8B5

Mood: romantico, morbido, elegante

Ideale per: inviti di matrimonio e card RSVP

Romantico e morbido, suggerisce fumo blu, carta crema e accento floreale blush. Queste combinazioni di blu grigio chiaro sono perfette per inviti moderni ma senza tempo. Abbinalo a tipografia serif e linee minimali, mantenendo il blush solo per nomi o dettagli chiave. Consiglio: stampa i toni più chiari come scelta carta e usa i più scuri come inchiostro per evitare testo slavato.

Esempio di immagine matrimonio fumo blu generato con media.io

19) UI Gioco Ghiacciaio

HEX: #B1C0CF #EAF1F8 #4E7AA6 #1B2430 #9BB4A2

Mood: ghiacciato, nitido, energetico

Ideale per: menu di gioco e interfacce HUD

Ghiacciato e nitido, ricorda la luce del ghiacciaio con un tocco blu elettrico. Il navy scuro rafforza il contrasto per elementi HUD mentre il verde-teal mantiene freschi gli highlight senza essere neon. Abbinalo a pannelli traslucidi e sfumature delicate per un look moderno da menu di gioco. Consiglio: usa l’accento blu solo per stati selezionati così l’interfaccia resta leggibile durante i movimenti.

Esempio di immagine UI gioco ghiacciaio generato con media.io

20) Salotto Nebbia Sera

HEX: #B7C3CF #EDE7DF #8C97A3 #2F3942 #7E6D63

Mood: atmosferico, raffinato, accogliente

Ideale per: branding ristorante e menu

Atmosferico e raffinato, richiama un lounge serale avvolto nella nebbia e luce di candela. La base grigia morbida mantiene i menu eleganti e l’accento marrone espresso stimola appetito e comfort. Abbinalo a carta testurizzata e icone sobrie per un’atmosfera premium. Consiglio: usa il tono più scuro per le intestazioni sezioni e il grigio medio nei testi per un effetto raffinato, non severo.

Esempio di immagine salotto nebbia sera generato con media.io

21) Blueprint Silenzioso

HEX: #B9C7D8 #F5F8FC #6B89A8 #2C3D4F #D6DCE2

Mood: preciso, sereno, ingegneristico

Ideale per: portfolio architettura e case studies

Preciso e sereno, richiama i tratti di un blueprint addolciti dalla luce del giorno. Il blu intenso è ideale per diagrammi e callout mentre i toni chiari mantengono leggibili i case study. Abbinalo a linee griglia sottili e spaziatura regolare per enfatizzare il mestiere. Consiglio: mantieni i tratti dei diagrammi nel blu medio e usa il tono più scuro solo per titoli e navigazione.

Esempio di immagine blueprint silenzioso generato con media.io

22) Accento Agrumi Nevosi

HEX: #C2CEDA #F6FAFF #97A7B6 #36414C #F2B24A

Mood: fresco, ottimista, alto contrasto

Ideale per: banner campagne e grafiche promozionali

Fresco e ottimista, ricorda neve pulita con una fetta di agrume brillante. L’accento ambra caldo aggiunge energia immediata ai neutri freddi, ideale per promozioni e offerte a tempo limitato. Abbinalo a tipografia sans-serif audace e tanto spazio negativo così l’accento resta incisivo. Consiglio: usa l’ambra per un solo elemento focale per banner, come il bottone o il badge sconto.

Esempio di immagine accento agrumi nevosi generato con media.io

Quali colori si abbinano bene al blu grigio chiaro?

Il blu grigio chiaro si abbina naturalmente a bianchi nitidi, carbone e navy—garantendo un contrasto pulito per tipografia ed elementi UI. Per un feeling più premium, aggiungi neutri caldi come sabbia, crema, taupe o caramello per ammorbidire il sottotono freddo.

Per accenti colore, i verdi attenuati (salvia, eucalipto, teal-grigio) mantengono tutto moderno e calmo mentre il grigio lavanda o blush polveroso aggiunge personalità senza essere rumoroso. Nei momenti di forte impatto, un singolo accento caldo (ambra o terracotta) fa risaltare CTA e badge.

In pratica, il blu grigio chiaro funziona al meglio scegliendo un “contrappeso termico”: o un neutro caldo tipo carta oppure un verde naturale. Questo equilibrio impedisce che la palette sembri troppo fredda.

Come utilizzare una palette blu grigio chiaro in progetti reali

Nel design UI, tratta il blu grigio chiaro come colore principale di superficie (sfondo app, pannelli, card) e usa ardesia/carbone profondo per il testo. Conserva un blu intenso per gli stati interattivi (link, toggle, tab selezionati) così l’usabilità resta evidente.

Per branding e stampa, il blu grigio chiaro è perfetto come base “lusso discreto”—soprattutto con carta non patinata, sfumature morbide o linee minimali. Usa un accento caldo per sigilli, highlight o piccoli dettagli grafici per mantenere l’identità accogliente.

Negli interni, pensa al blu grigio chiaro sulle pareti o sui mobili, abbinato a bianchi cremosi e a texture naturali (legno, lino, metallo spazzolato). Il risultato appare luminoso e aperto, ma comunque ben radicato.

Crea immagini con palette blu grigio chiaro con l’AI

Se vuoi vedere in anteprima come appare una palette in un layout reale—come una dashboard, un poster, un mockup di packaging o una sezione hero—genera rapidamente delle immagini concettuali con l’IA. Questo ti aiuta a validare contrasto, atmosfera e posizione degli accenti prima di progettare qualcosa di più dettagliato.

Inizia con uno dei prompt sopra, poi inserisci le parole della tua palette (ad esempio, “costiero”, “architettonico”, “da spa”) e specifica il formato di cui hai bisogno (banner 16:9, post 1:1, poster 3:4). Mantieni la tonalità più scura riservata per il testo in modo che la composizione generale rimanga ariosa.

Prossimo: Palette di colori verde sap