20 idee di palette colori blu, verde e grigio con codici hex

Una palette di colori blu verde grigio è una scelta ideale quando si desidera che i design trasmettano calma, modernità e siano facili da leggere. Unisce la fiducia del blu, la freschezza del verde-teal e l’equilibrio dei moderni grigi freddi.

Di seguito trovi 20 opzioni pronte all’uso di palette blu verde grigio con codici HEX, oltre a consigli per abbinarle e suggerimenti per l’uso pratico su UI, branding, stampa e interni.

Perché le palette blu verde grigio funzionano così bene

Le combinazioni blu verde grigio si trovano in una zona “tranquilla” dello spettro, perciò risultano moderne senza sembrare vistose. Sono quindi ideali per interfacce, pagine aziendali e layout editoriali dove la chiarezza è fondamentale.

Il blu ispira fiducia, il teal aggiunge energia e il grigio crea struttura per tipografia e spaziatura. Insieme, supportano la gerarchia (titoli, pulsanti, sfondi) senza richiedere forti contrasti.

Queste palette inoltre funzionano bene sia su schermi che su carta. Con il giusto equilibrio di grigi, puoi mantenere i design nitidi su UI luminose o ammorbidirli per interni e prodotti cartacei.

Oltre 20 idee di palette Blu Verde Grigio (con codici HEX)

1) Grafite Marittima

HEX: #0b3a53 #1f7a75 #7aa6a6 #c7d1d6 #2b2f33

Mood: calmo e moderno

Ideale per: dashboard di analisi dati

Calda e moderna come un molo ventoso con acqua profonda e ringhiere in grafite. Il blu scuro ancora la navigazione, mentre teal e toni nebbia del mare mantengono i grafici leggibili senza riflessi. Abbina con spazi bianchi puliti e un accento caldo (come l’ambra) per le notifiche. Suggerimento: riserva il quasi-nero grafite per titoli e numeri chiave per migliorare la lettura veloce.

Esempio di immagine “grafite marittima” generata con media.io

Media.io

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

Prova ora gratis

2) Porto Menta

HEX: #0f4c6e #2aa198 #bfe8de #d9dee2 #4a545c

Mood: fresco e accogliente

Ideale per: identità marchio wellness

Fresco e accogliente, come foglie di menta accanto all’acqua fresca del porto in una giornata nuvolosa. Questa palette bilancia un blu oceano sicuro con una nota amichevole di menta, sostenuta da morbidi grigi per la tipografia. Abbina con trame naturali e carta non patinata per un effetto delicato e premium. Suggerimento: usa la menta come colore di accento (10-15%) per evitare un aspetto slavato.

Esempio di immagine “porto menta” generata con media.io

3) Laguna Ardesia

HEX: #123b5a #2f6f73 #5f8f9a #b8c2c9 #3b4248

Mood: stabile e raffinato

Ideale per: sito aziendale

Stabile e raffinata, come una laguna calma circondata da scogliere d’ardesia. Il teal medio e il blu rafforzano la gerarchia nei titoli, pulsanti e stati dei link, mentre i grigi freddi mantengono il sito professionale. Abbina con fotografie semplici e icone filiformi per un ritmo pulito. Suggerimento: usa il grigio più chiaro come sfondo delle sezioni per strutturare i contenuti senza bordi pesanti.

Esempio di immagine “laguna ardesia” generata con media.io

4) Salvia Artica

HEX: #0e5675 #3aa6a1 #a8d5c8 #e3e8eb #6a747d

Mood: ariosa e rilassante

Ideale per: guida palette interni spa

Ariosa e rilassante, come vapore di salvia in una mattina blu artico. Menta morbida e grigio pallido creano una base pulita per pareti e tessili, mentre il blu più profondo mantiene la segnaletica leggibile. Abbina con rovere chiaro, nichel spazzolato e ceramiche bianche opache. Suggerimento: ripeti il tono salvia in piccoli tessili per armonizzare l’ambiente senza ridipingere.

Esempio di immagine “salvia artica” generata con media.io

5) Alga Rame

HEX: #0b2f4a #1f7f7a #8fb9b1 #cfd6da #8a5a3c

Mood: costiera e radicata

Ideale per: confezioni prodotti skincare

Costiera e radicata, come letti di alghe sugli scogli con un tocco di rame scaldato dal sole. Il teal e il blu sono freschi e acquatici, mentre il marrone rame aggiunge calore adatto alla cura personale. Abbina con caratteri sans-serif minimal e tanto spazio bianco per uno stile moderno da scaffale. Suggerimento: stampa il rame come foil o inchiostro spot per rafforzare il tocco premium.

Esempio di immagine “alga rame” generata con media.io

6) Passerella Piovosa

HEX: #0d4860 #2b8a84 #6fa8a8 #d7dde0 #40464c

Mood: sensazione cupa e pulita

Ideale per: design poster eventi

Cupamente pulita, come assi bagnate che riflettono le luci del porto dopo la pioggia. Queste combinazioni blu verde grigio funzionano bene per poster che richiedono atmosfera senza rinunciare alla leggibilità. Abbina con caratteri decisi condensati e forme geometriche semplici. Suggerimento: usa il grigio medio per i testi e il blu ardesia scuro per titoli e date.

Esempio di immagine “passerella piovosa” generata con media.io

7) Fiordo Nebbioso

HEX: #12324b #2e6e8a #3c8f87 #b9c7cf #eef2f4

Mood: nebbioso e spazioso

Ideale per: rivista editoriale

Nebbia e ampio respiro, come un fiordo che scompare nelle basse nuvole. Il grigio-bianco apre i layout, mentre blu e teal danno ritmo calmo a titoli e citazioni. Abbina con titoli serif e fotografie tenui per un tono editoriale premium. Suggerimento: riserva il teal per i marker di sezione, così la navigazione è intuitiva tra le pagine.

Esempio di immagine “fiordo nebbioso” generata con media.io

8) Eucalipto Acciaio

HEX: #0f3d52 #2f7f77 #9bc2b6 #aab3bb #2f353a

Mood: pratico e sereno

Ideale per: schermate onboarding SaaS

Pratico e sereno, come foglie d’eucalipto contro acciaio spazzolato. Il mix di blu profondo e teal supporta le CTA chiare, e i grigi freddi rendono i form leggeri. Abbina con componenti arrotondati e spazi generosi per un tono accogliente. Suggerimento: usa il grigio acciaio per i bordi input e il blu scuro per i pulsanti principali per non eccedere con il teal.

Esempio di immagine “eucalipto acciaio” generata con media.io

9) Cemento Nautico

HEX: #0a2f45 #1c6d7c #3aa39b #c9cfd4 #5a646c

Mood: urbano e nautico

Ideale per: sito portfolio architettura

Urbano e marittimo, come acqua blu accanto a banchine in cemento. I neutri valorizzano le fotografie, mentre il teal dona un accento moderno e definito per hover e etichette di sezione. Abbina con immagini in bianco e nero e una griglia minimale. Suggerimento: lascia il grigio cemento come dominante di sfondo così il teal risulta intenzionale, non decorativo.

Esempio di immagine di cemento nautico generato con media.io

10) Muschio del Ghiacciaio

HEX: #103e5b #2a7c8a #5aa78d #d5dde1 #6d7b82

Mood: nitido e naturale

Ideale per: lookbook per marchi outdoor

Nitido e naturale, come l’acqua del ghiacciaio che scorre su pietra ricoperta di muschio. Questo set comunica avventura senza andare nel neon, rendendolo ideale per layout lookbook puliti e richiami di prodotto. Come schema colori blu, verde e grigio, si abbina perfettamente a texture riciclate, note su carta kraft e fotografia outdoor ad alto contrasto. Suggerimento: usa il verde muschio su badge e icone per guidare l’attenzione senza competere con le immagini.

Esempio di immagine di muschio del ghiacciaio generato con media.io

11) Blue Spruce Office

HEX: #0c3b57 #1f6f86 #2f8f7e #b7c0c6 #2a2f34

Mood: concentrato e affidabile

Ideale per: presentazione B2B

Concentrato e affidabile, come aghi di abete blu in un ufficio ordinato. Le tonalità scure risultano autorevoli per titoli e grafici, mentre il grigio tenue mantiene le slide ariose. Abbina con visualizzazione dati semplice e molto margine per un contenuto che trasmette sicurezza. Suggerimento: usa il teal per una serie di dati coerente in tutta la presentazione per favorire il riconoscimento.

Esempio di immagine di blue spruce office generato con media.io

12) Soft Tidepaper

HEX: #1a4862 #2f8b8b #a7cfc8 #f1f4f6 #7b8790

Mood: delicato e arioso

Ideale per: set invito di nozze

Delicato e arioso, come carta lavata dalla marea con vetro marino nascosto all’interno. Lo sfondo chiaro mantiene il set elegante, mentre teal e blu aggiungono colore sufficiente a monogrammi e bordi. Abbina a texture bordi strappati o lievi acquerelli per una finitura romantica. Suggerimento: stampa la tonalità più scura solo per nomi e dettagli chiave per preservare la delicatezza.

Esempio di immagine di soft tidepaper generato con media.io

13) Industrial Seafoam

HEX: #0d3c54 #1d7a82 #7fc6c1 #c0c8ce #3d4349

Mood: audace ma accogliente

Ideale per: landing page startup tech

Audace ma accogliente, come vernice verde acqua su una porta industriale. L’acqua brillante valorizza CTA e micro-interazioni, mentre ardesia e carbone mantengono la pagina seria. Abbina a illustrazioni geometriche audaci e leggere sfumature per un look tech moderno. Suggerimento: riserva l’acqua per pulsanti e link, lascia il grigio ai testi lunghi.

Esempio di immagine di industrial seafoam generato con media.io

14) Pebble Bay

HEX: #11435f #2d7f86 #4aa59a #d2d8dc #8b969e

Mood: equilibrato e amichevole

Ideale per: header blog e miniature

Equilibrato e amichevole, come ciottoli levigati sotto l’acqua limpida della baia. I toni medi facilitano la creazione di cornici coerenti per le miniature, tag e colori categoria senza forti contrasti. Abbina a fotografia calda e overlay semplici per titoli leggibili. Suggerimento: usa il grigio chiaro come base sfumata discreta per unificare immagini disparate.

Esempio di immagine di pebble bay generato con media.io

15) Deep Teal Charcoal

HEX: #062a3a #0f5d6a #1f8a8a #9fb0b8 #1f2327

Mood: audace e cinematografico

Ideale per: copertina album musicale

Audace e cinematografico, come luce teal profonda che attraversa la nebbia di carbone. Queste combinazioni di blu, verde e grigio brillano sulle copertine dove vuoi dare priorità all’atmosfera rispetto ai dettagli. Abbina a fotografia ad alto contrasto e tipografia minima per una finitura contemporanea d’impatto. Suggerimento: tieni il testo in tonalità acciaio chiaro per evitare bordi vibranti sul fondo scuro.

Esempio di immagine di deep teal charcoal generato con media.io

16) Winter Poolside

HEX: #154d6b #2f8f9d #86c7c2 #e6ecef #56626a

Mood: fresco e ottimista

Ideale per: layout brochure viaggio

Fresco e ottimista, come una piscina riscaldata in una mattina d’inverno. Il grigio chiaro mantiene le pagine luminose, mentre la gamma teal aggiunge un’atmosfera vacanziera invitante senza sembrare tropicale. Abbina a tipografia sans-serif pulita e ampi margini per un effetto brochure di lusso. Suggerimento: usa il teal medio come divisore delle sezioni per una lettura rapida.

Esempio di immagine di winter poolside generato con media.io

17) Coastal Clinic

HEX: #0f4a68 #1f7f85 #9ad9cf #f5f7f8 #9aa5ad

Mood: pulito e rassicurante

Ideale per: UI app sanitaria

Pulito e rassicurante, come una clinica luminosa con vista su acqua calma. L’acqua tenue trasmette cura negli stati di status e nell’interfaccia, mentre il blu porta fiducia nelle azioni principali. Abbina a componenti UI arrotondati e icone ad alto contrasto per l’accessibilità. Suggerimento: tieni i messaggi di successo in acqua e riserva il teal per elementi interattivi così gli stati risultano distinti.

Esempio di immagine di coastal clinic generato con media.io

18) Riverstone Minimal

HEX: #0e3f59 #2c7c78 #6fb1a7 #dfe4e7 #707b83

Mood: silenzioso e minimale

Ideale per: template curriculum e lettera motivazionale

Silenzioso e minimale, come pietre di fiume allineate su una riva fresca. I colori sobri lasciano la tipografia protagonista e il teal aggiunge una firma discreta ai titoli di sezione. Abbina a una tipografia moderna unica e righe sottili per la struttura. Suggerimento: applica il teal solo a titoli e piccole icone per una stampa pulita anche in scala di grigi.

Esempio di immagine di riverstone minimal generato con media.io

19) Stormlight Botanical

HEX: #0b3b52 #2b7e84 #5ab3a4 #cfd7dc #f3f6f7

Mood: fresco e artistico

Ideale per: set illustrazioni botaniche

Fresco e artistico, come la luce di una tempesta che illumina una serra. La gamma teal-verde dona vivacità a foglie e steli, mentre i grigi freddi mantengono la composizione ariosa e moderna. Abbina con tratti delicati e lavaggi acquerello tenui per uno stile naturale e contemporaneo. Suggerimento: limita il blu più scuro alle ombre per mantenere le botaniche leggere e trasparenti.

Esempio di immagine di stormlight botanical generato con media.io

20) Night Pier Neon

HEX: #061f2f #0b4f6c #00a6a6 #a9b6be #20262b

Mood: elettrico ed elegante

Ideale per: overlay streaming videogiochi

Elettrico ed elegante, come insegne al neon che illuminano un molo notturno. L’alto contrasto tra quasi-nero e teal acceso fa spiccare avvisi, etichette e timer senza creare disordine. Abbina a sfumature discrete e tipografia sans-serif tagliente per una sensazione competitiva. Suggerimento: mantieni il neon teal solo sugli elementi chiave dell’interfaccia così rimane d’impatto per tutta una lunga sessione streaming.

Esempio di immagine di night pier neon generato con media.io

Quali colori si abbinano bene al blu verde grigio?

Gli accenti caldi sono il modo più semplice per aggiungere contrasto a una palette blu-verde-grigio. Prova ambra, terracotta, rame o corallo attenuato per pulsanti, evidenziazioni, badge o elementi di stampa spot.

Per un approccio pulito e moderno, abbina questi toni a bianco brillante, bianco sporco o grigio freddo chiaro. Questo mantiene i layout ariosi e aiuta i dettagli teal a sembrare intenzionali più che predominanti.

Se desideri un look più scuro e cinematografico, aggiungi carbone e quasi-nero oltre a un teal brillante per l’enfasi. Questa combinazione funziona particolarmente bene per overlay, sezioni hero e grafiche tipo album.

Come usare una palette Blu Verde Grigio nei progetti reali

Inizia assegnando i ruoli: scegli un blu profondo/carbone come ancora (navigazione, intestazioni), un teal come accento interattivo (link, CTA) e lascia che i grigi chiari gestiscano sfondi e spaziatura. Così la gerarchia rimane coerente su schermi e pagine.

Nell’interfaccia, garantisci la leggibilità riservando il teal saturo a piccole aree e usando i grigi per testi lunghi. Nella stampa, considera bianchi della carta leggermente più caldi per evitare che la palette sembri troppo fredda.

Per branding e interni, ripeti un teal caratteristico nei touchpoint (etichette, segnaletica, tessuti) e tieni il resto neutro. La ripetizione crea coesione anche quando cambiano fotografia e materiali.

Crea visual della palette Blu Verde Grigio con l’AI

Se hai già i codici HEX, puoi visualizzarli rapidamente in layout come dashboard, poster, board marchio e set inviti. Generare alcune varianti aiuta anche a testare contrasto e atmosfera prima di decidere la direzione finale.

Con gli strumenti text-to-image di Media.io, puoi descrivere il tuo design (formato, stile, palette) e ottenere concept visivi rifiniti in pochi minuti. È un modo rapido per convalidare uno schema blu-verde-grigio per UI, stampa o marketing.

Usa il pulsante qui sotto per iniziare a creare visual di palette blu-verde-grigio gratuitamente.

Successivo: Palette di colori blu scuro grigio