23 Abbinamenti di Colori Blu Verde Scuro: Codici Hex e Ispirazione Design AI

Una palette di colori blu e verde scuro combina la stabilità dei blu profondi con la calma radicata dei verdi boschivi. Il risultato è un look sofisticato e intenso che funziona nel branding, UI, poster e packaging.

Di seguito trovi oltre 20 idee di palette blu e verde scuro già pronte con i codici HEX, più prompt per immagini AI che puoi copiare per creare rapidamente visual armoniosi.

Perché le Palette Blu e Verde Scuro Funzionano Così Bene

Il blu porta chiarezza e fiducia, mentre il verde scuro aggiunge una presenza naturale e stabile. Insieme, trasmettono sicurezza senza essere appariscenti, per questo sono popolari in UI, tecnologia, finanza e brand outdoor.

Questa combinazione gestisce bene anche il contrasto: il blu navy profondo può ancorare tipografia e titoli, mentre il verde scuro può definire stati (hover, successo, navigazione) senza trasmettere “allerta” come i rossi vivaci.

Infine, le palette blu-verde scuro si abbinano facilmente ai neutri—grigi freddi per interfacce moderne o crema calda per la stampa—così i tuoi design possono passare dal minimal al lussuoso con solo un cambio di sfondo.

Oltre 20 Idee di Palette Blu e Verde Scuro (con Codici HEX)

1) Alghe Notturne

HEX: #071a2f #0b3b2e #0f5b6b #2a4f7a #d7e3ee

Atmosfera: intenso, costiero, raffinato

Ideale per: dashboard ui saas

Toni costieri e intensi come l’acqua notturna e le foreste di alghe creano un'atmosfera calma e premium. Usa il blu navy profondo per i titoli, il verde scuro per gli stati di navigazione e il teal come piccolo accento. Abbina a sfondi grigio chiaro e freddo per mantenere alta la leggibilità. Consiglio: riserva il teal per icone attive e i pulsanti primari così l’interfaccia appare intenzionale.

Esempio di immagine di alghe notturne generata con media.io

Media.io

Media.io è uno studio AI online per creare ed editare video, immagini e audio direttamente dal browser.

Provalo Ora Gratis

2) Biblioteca del Mare Profondo

HEX: #0a1633 #103a33 #1f6a7a #4f6f8a #f2f6f8

Atmosfera: silenzioso, accademico, elegante

Ideale per: layout rivista editoriale

Silenziosi e raffinati, questi toni ricordano una stanza di lettura notturna sul mare. Il navy scuro e l’abete sempreverde danno carattere ai titoli, mentre il blu ardesia più soffice fa da supporto ai testi e ai richiami. Lascia molto spazio bianco così la palette risulta nitida invece che pesante. Consiglio: usa il teal con parsimonia per i marcatori di sezione o numeri di pagina per guidare la lettura.

Esempio di immagine di biblioteca del mare profondo generata con media.io

3) Porto Tempestoso

HEX: #0b203f #0e3f35 #2d6f85 #7c94a6 #e6edf2

Atmosfera: drammatico, moderno, sicuro

Ideale per: sistema identità di brand

I blu portuali drammatici e i verdi profondi portano energia di vento, acciaio e acqua marina. Come schema cromatico blu verde scuro, trasmette fiducia a brand di tecnologia, finanza o outdoor senza risultare freddo. Abbina le tonalità più scure con grigi nebbia morbidi per mantenere loghi e testi ben leggibili. Consiglio: usa il grigio chiaro come tela principale e lascia che il navy valorizzi i titoli.

Esempio di immagine di porto tempestoso generata con media.io

4) Pino Artico

HEX: #0a1f3a #0c4a3a #2b7a8a #8fb3c7 #f4fbff

Atmosfera: fresco, all’aria aperta, pulito

Ideale per: sezione hero sito viaggio

Fresco e naturale, evoca l’aria nevosa su pini scuri e creste blu in lontananza. Usa la tinta ghiaccio pallida come sfondo arioso, poi sovrapponi navy per i titoli e verde scuro per i pulsanti. Un tocco di teal mantiene il look vivace senza perdere calma. Consiglio: aggiungi gradienti soft solo tra i due colori più chiari per evitare confusione.

Esempio di immagine di pino artico generata con media.io

5) Inchiostro e Ginepro

HEX: #08152a #123c2f #165f6c #3c5876 #d9d5cd

Atmosfera: classico, botanico, sobrio

Ideale per: packaging skincare di lusso

Classico e botanico, ricorda schizzi d'inchiostro su rami di ginepro. Il bianco caldo e spento ammorbidisce i toni scuri, facendo apparire il packaging premium invece che severo. Abbina a finiture opache e tipografia minimale per un look da scaffale elegante. Consiglio: usa il teal solo per piccoli sigilli o ingredienti per mantenere l’etichetta elegante.

Esempio di immagine di inchiostro e ginepro generata con media.io

6) Jeans Aurora Boreale

HEX: #0c2140 #0f4b3a #1f7785 #4c86b5 #eaf1f6

Atmosfera: energizzato, pulito, contemporaneo

Ideale per: pubblicità prodotto sportswear

Pulito ed energico, richiama la luce aurorale su abeti scuri e denim vissuto. Usa il blu deciso come sfondo principale, poi aggiungi verde per richiami prodotto e teal per linee di movimento. Mantieni il testo quasi bianco per forte contrasto e leggibilità. Consiglio: aggiungi una sola sfumatura da blu denim a teal per profondità senza introdurre altri colori.

Esempio di immagine di jeans aurora boreale generata con media.io

7) Ardesia Oceanica

HEX: #0a1d33 #0d3f34 #2a6a78 #6e8796 #f0f3f5

Atmosfera: minimale, saldo, professionale

Ideale per: presentazione aziendale

Minimale e saldo, le tonalità ricordano scogliere d’ardesia vicino ad acque profonde. Usa il grigio-blu ardesia per grafici e divisori, navy per i titoli e sempreverde per i numeri chiave. Uno sfondo pallido mantiene pulite le slide e adatte alla sala riunioni. Consiglio: limita ogni slide a due toni dominanti e un solo accento per evitare caos visivo.

Esempio di immagine di ardesia oceanica generata con media.io

8) Sempreverde Nautico

HEX: #061a36 #0a4636 #0f6375 #3e6f9c #fff4e6

Atmosfera: nautico, deciso, accogliente

Ideale per: design menu ristorante

Nautica e accogliente, ricorda corde, vetri di mare e coste sempreverdi. Questa palette blu verde scuro funziona perfettamente per menu che vogliono un look premium senza essere troppo formali. Abbinala a un fondo crema caldo e tipografia serif semplice. Consiglio: usa il teal per i titoli di sezione così i clienti trovano ciò che cercano rapidamente.

Esempio di immagine di sempreverde nautico generata con media.io

9) Crepuscolo Alpino

HEX: #0d1b3a #114336 #2b5f86 #6aa1a9 #e9efe8

Atmosfera: sereno, avventuroso, equilibrato

Ideale per: poster per evento all'aperto

Sereno come il crepuscolo che scende sui laghi alpini, questa combinazione bilancia blu freddi con un verde foresta solido. Usa il navy per il titolo del poster e lascia che il fondo menta-grigio arioso mantenga la leggibilità anche da lontano. Il teal funziona bene per date, badge della location e piccole icone. Consiglio: aggiungi una semplice silhouette bicolore di una montagna usando i due colori più scuri per un tema immediato.

Esempio di immagine di crepuscolo alpino generata con media.io

10) Muschio Marino

HEX: #091a2e #0f3e2f #1a6c79 #5e7fa7 #dfe7e3

Atmosfera: naturale, calmo, rigenerante

Ideale per: interfaccia app benessere

Naturale e rigenerante, ricorda il muschio marino che ondeggia sotto acqua limpida. Usa il grigio-verde chiaro come base e il blu navy per il testo per mantenere alta l’accessibilità. Il teal per gli anelli di progresso e punti luce delicati, mentre il blu attenuato sostiene le card secondarie. Consiglio: mantieni le animazioni lente e leggere così la palette comunica calma, non sportività.

Esempio di immagine di muschio marino generata con media.io

11) Foresta Petrolio

HEX: #0b2036 #0b4a39 #1e6f7d #2f4f6f #c9d1d9

Atmosfera: industriale, forte, moderno

Ideale per: pagina di atterraggio prodotto

Forte e industriale, richiama il metallo blu petrolio con una profonda tonalità di foresta. Usa la coppia più scura per header e footer, poi apri le aree contenuto con il grigio chiaro freddo. Il teal è un accento moderno e deciso per i link e le funzioni chiave. Consiglio: aggiungi icone lineari discrete in blu ardesia così la pagina risulta informativa senza essere caotica.

Esempio di immagine di foresta petrolio generata con media.io

12) Parco Cittadino Piovoso

HEX: #0a2039 #0f3b31 #2b6273 #86a3b1 #f5f7f6

Atmosfera: morbido, urbano, introspettivo

Ideale per: design copertina libro

Morbido e introspettivo, evoca marciapiedi bagnati e sempreverdi in un parco cittadino. Usa il navy per il titolo per attirare subito l’attenzione, mentre il blu-grigio nebbioso può rappresentare i blocchi di sfondo. Il verde scuro aggiunge un tocco solido per il nome dell’autore o piccoli motivi. Consiglio: mantieni le texture discrete, tipo una grana sottile, così la palette resta moderna.

Esempio di immagine di parco cittadino piovoso generata con media.io

13) Studio Teal Vintage

HEX: #0b1a34 #124236 #1b6a72 #6f8b7e #f1e6d6

Atmosfera: vintage, accogliente, intellettuale

Ideale per: kit per brand di caffetteria

Vintage e accogliente, evoca una sala studio teal con quaderni usurati e carta calda. Il beige crema ammorbidisce le tonalità fredde, ottimo per loghi, etichette e piccole insegne. Da abbinare a un classico carattere serif e semplici illustrazioni lineari navy. Consiglio: usa il verde scuro per timbri o badge per un tocco artigianale.

Esempio di immagine di studio teal vintage generata con media.io

14) Marmo Laguna Profonda

HEX: #071b33 #0c4537 #1a7a88 #3d6a8f #e8ecef

Atmosfera: lussuoso, fresco, raffinato

Ideale per: packaging prodotto gioielli

Lussuoso e fresco, suggerisce il marmo di laguna profonda con bordi netti e lucidi. Usa il grigio pallido come base della scatola e il navy per il logo, così la stampa sarà nitida. Il verde scuro aggiunge profondità, mentre il teal è perfetto per dettagli in lamina o motivi interni sulla velina. Consiglio: mantieni le finiture coerenti, ad esempio esterno opaco con un solo accento lucido.

Esempio di immagine di marmo laguna profonda generata con media.io

15) Marea Cosmica

HEX: #08122d #0d3c33 #136d8a #3b5aa6 #d9e6ff

Atmosfera: futuristico, vivace, profondo

Ideale per: volantino festival musicale

Futuristico e profondo, ricorda una marea cosmica sotto la luce delle stelle. Queste combinazioni di blu e verde scuro emergono sui volantini se contrasti con un tocco luminoso ghiacciato. Abbinare caratteri grassetto sans-serif e semplici forme geometriche in cobalto per dinamismo. Consiglio: mantieni gli sfondi principalmente navy così dettagli teal e ghiaccio risaltano anche da lontano.

Esempio di immagine di marea cosmica generata con media.io

16) Progetto Smeraldo

HEX: #0b1f3a #0e4a3b #0f6f7a #5b86a6 #f6fbff

Atmosfera: preciso, tecnologico, affidabile

Ideale per: onboarding app fintech

Preciso e tecnologico, ricorda un progetto su carta con toni marini. Usa la tinta più chiara per le schermate di onboarding per dare accoglienza, poi fissa i passaggi chiave con titoli navy. Il verde smeraldo segnala gli stati di successo, mentre il teal mette in risalto gli elementi interattivi. Consiglio: mantieni le icone monocromatiche per preservare la chiarezza del progetto tecnico.

Esempio di immagine di progetto smeraldo generata con media.io

17) Noir Zostera

HEX: #050f1f #0b3228 #145b66 #2f4b63 #cfd6d2

Atmosfera: scuro, cinematografico, elegante

Ideale per: poster cinematografico

Scuro e dal mood cinematografico, ricorda sagome di zostera contro l’acqua quasi nera. Usa il navy quasi nero come sfondo e la tipografia in grigio chiaro per la leggibilità. Teal e verde intenso sono ideali come bagliore minimo o piccole forme grafiche. Consiglio: usa molto spazio negativo così il poster appare intenzionale e raffinato.

Esempio di immagine di noir zostera generata con media.io

18) Velluto Abete Blu

HEX: #0a1e3c #0f3f34 #1f6f8b #3f6b85 #efe8de

Atmosfera: morbido, invernale, di classe

Ideale per: suite inviti matrimonio

Morbido e invernale, ricorda velluto blu associato a rami di abete. L’avorio caldo rende la suite romantica, mentre navy e verde scuro aggiungono formalità. Il teal è perfetto come bordo delicato o monogramma senza distrarre. Consiglio: scegli dettagli impressi o a rilievo nella tonalità più scura per un effetto tattile.

Esempio di immagine di velluto abete blu generata con media.io

19) Nebbia sul Porto

HEX: #0b1d36 #103e33 #2c6d7f #9db0bf #fbfcfd

Atmosfera: arioso, calmo, moderno

Ideale per: interfaccia sito portfolio

Arioso e calmo, cattura la nebbia che avanza su un porto tranquillo. Realizza la pagina su quasi bianco e blu-grigio chiaro, navy per i titoli e verde scuro per stati hover. Il teal è il miglior accento discreto per link o tag. Consiglio: mantieni le immagini desaturate per armonizzarle ai toni brumosi.

Esempio di immagine di nebbia sul porto generata con media.io

20) Botanica Acqua Scura

HEX: #0a1b35 #0b4532 #167a86 #5e90a2 #e7f2ea

Atmosfera: rigoglioso, fresco, rilassante

Ideale per: illustrazione botanica ad acquerello

Rigoglioso e rilassante, evoca ombre acqua scura sotto foglie lucide. Questa palette blu-verde scuro è ideale per illustrazioni botaniche quando serve profondità senza arrivare al nero. Usa il navy più intenso per i contorni, il verde per i corpi delle foglie e sovrapponi teal per effetti acquosi. Consiglio: lascia la menta chiara come zone di carta non lavorate per preservare leggerezza.

Esempio di immagine di botanica acqua scura generata con media.io

21) Laboratorio di Marea

HEX: #081c34 #0f3f33 #1c6b84 #477193 #e3e9ef

Atmosfera: pratico, creativo, concentrato

Ideale per: pagina evento laboratorio

Pratico e concentrato, ricorda un laboratorio di marea con utensili ordinati vicino all’acqua. Le basi cromatiche scure danno struttura a header e navigazione, mentre il grigio chiaro rende i form accoglienti. Il teal è un accento deciso su bottoni di iscrizione e passaggi chiave. Consiglio: usa blu attenuato per card secondarie così la call-to-action primaria spicca.

Esempio di immagine di laboratorio di marea generata con media.io

22) Bosco Zaffiro

HEX: #0a1a3f #0c3e35 #1b6f7f #2f63b6 #e9f0ff

Atmosfera: incisivo, giovanile, vibrante

Ideale per: design carosello social media

Incisivo e giovanile, mescola la carica dello zaffiro con la solidità di un bosco verde. Usa il blu vivace per le slide principali, navy e verde scuro per blocchi di testo. Teal funziona bene per icone e divisori così il carosello risulta coeso. Consiglio: ogni slide con un colore dominante + neutri per un ritmo pulito.

Esempio di immagine di bosco zaffiro generato con media.io

23) Contrasto Bay Sempreverde

HEX: #081a30 #0a4a38 #0f6f82 #6c8fa8 #f7f8f4

Atmosfera: nitido, ad alto contrasto, contemporaneo

Ideale per: icona app e schermata di avvio

Fresco e contemporaneo, ricorda scogliere sempreverdi contro una baia luminosa. Queste combinazioni di blu e verde scuro creano un forte contrasto iconico quando si mantengono le forme semplici e i bordi ben definiti. Abbina il blu navy più scuro al bianco caldo per la schermata iniziale, quindi aggiungi un tocco di teal come piccolo bagliore o anello. Consiglio: evita le sfumature all'interno dell'icona stessa e riservale solo per lo sfondo.

Esempio d’immagine del contrasto baia sempreverde generato con media.io

Quali colori si abbinano al blu e verde scuro?

I neutri sono gli abbinamenti più semplici: bianchi freddi, grigi nebbiosi e toni ardesia mantengono blu e verde scuro moderni e leggibili. Per la stampa, bianchi caldi e crema possono rendere la palette più invitante e di qualità.

Per gli accenti, teal e blu ghiaccio chiaro aggiungono chiarezza senza alterare l’atmosfera. Se desideri una finitura più ricca, i metallici come l’argento spazzolato (freddo) o oro/bronzo opaco (caldo) possono valorizzare navy e sempreverde.

Per evitare pesantezza, mantieni un colore "aria" (quasi bianco/grigio molto chiaro) come sfondo principale, quindi usa i due colori più scuri per struttura e testo.

Come usare una palette blu e verde scuro nei progetti reali

Nel design UI, considera il navy come ancoraggio tipografico (intestazioni, titoli, elementi chiave dell’interfaccia) e usa il verde scuro per gli stati (hover, selezionato, successo) in modo che le interazioni risultino coerenti. Riserva il teal per azioni primarie per mantenere l’interfaccia focalizzata.

Per il branding, assicurati che il tuo logo funzioni in un colore scuro (navy o quasi nero) e un neutro chiaro. Poi introduce il verde scuro come colore di supporto in packaging, pattern o elementi secondari.

Su poster e grafiche social, aumenta il contrasto: mantieni gli sfondi principalmente navy, utilizza un neutro chiaro per i testi grandi e aggiungi teal come piccolo colore “segnale” per date, badge o icone.

Crea Visual Palette Blu Verde Scuro con l’AI

Se hai già i codici HEX, puoi generare mockup abbinati descrivendo il layout (poster, schermata app, packaging) e indicando dove dovrebbe comparire ogni colore—sfondo, headline, bottoni, accenti.

Per risultati coerenti, riutilizza la stessa struttura di prompt in tutta la campagna e cambia solo il soggetto (menu, flyer, schermate di onboarding). Questo mantiene illuminazione, spaziatura e stile coesi, mentre la palette resta “on-brand”.

Prossimo: Palette Colore Camel