Il blu-verde scuro si trova proprio tra navy e teal, risultando quindi sia affidabile che fresco allo stesso tempo. È una scelta perfetta per interfacce moderne, branding di alta gamma e interni che desiderano profondità senza diventare completamente neri.

Qui sotto trovi 20 palette blu-verde scuro selezionate con codici HEX, oltre a consigli pratici su abbinamenti e idee concrete che puoi applicare a siti web, packaging e ambienti.

In questo articolo
  1. Perché le palette blu-verde scuro funzionano così bene
    1. kelp di mezzanotte
    2. nebbia sul porto
    3. fiordo alpino
    4. pino inchiostrato
    5. lago profondo
    6. nautico vintage
    7. serra piovosa
    8. biblioteca nordica
    9. velluto vetro di mare
    10. giardino notturno
    11. marina tempestosa
    12. abisso smeraldo
    13. eucalipto ardesia
    14. progetto costiero
    15. ombra del pavone
    16. denim foresta profonda
    17. teal da museo
    18. abete artico
    19. argilla ginepro blu
    20. botanica in eclissi
  2. Quali colori si abbinano bene al blu-verde scuro?
  3. Come usare una palette blu-verde scuro in progetti reali
  4. Crea visual blu-verde scuro con l’IA

Perché le palette blu-verde scuro funzionano così bene

Le palette blu-verde scuro trasmettono solidità come il navy, ma hanno anche la calma naturale del verde. Questa combinazione le rende versatili: serie per finanza e tecnologia, ma anche alla mano per benessere, ospitalità e brand lifestyle.

Inoltre, creano sistemi di forte contrasto. I blu-verde profondi ancorano navigazione, intestazioni e tipografia, mentre le sfumature più chiare e i bianchi caldi mantengono i layout leggibili e moderni.

Infine, il blu-verde scuro tende sempre a sembrare “premium” sia nel digitale che nella stampa. Si abbina splendidamente a neutri morbidi, metalli satinati e pastelli spenti, donando profondità senza asperità.

Oltre 20 idee di palette colore blu-verde scuro (con codici HEX)

1) Kelp di Mezzanotte

midnight kelp color palette with hex codes

HEX: #061A1F #0B2C35 #0F4C5C #9FB7B6 #F2EFEA

Atmosfera: cupo, raffinato, oceanico

Ideale per: dashboard finance UI

Cupra e profonda come le foreste di kelp sotto la luna. Usa quasi-nero e il teal più scuro per menu e pannelli dati, poi illumina con sfondi color pietra chiara. Abbina divisori bianchi finissimi e tocchi di teal tenue per mantenere la leggibilità delle tabelle. Consiglio: riserva la sfumatura più chiara per stati vuoti e tooltip così l’interfaccia “respira”.

Esempio immagine di kelp di mezzanotte generato con media.io

dark teal finance dashboard
Prompt: mockup dashboard UI 2D per un prodotto di analisi finanziaria, barra laterale teal navy scura, grafici teal profondo, leggere ombre sulle card, tipografia pulita, icone minimali, senza cornice dispositivo, tela neutra --ar 16:9
Media.io
Media.io è uno studio AI online per creare e modificare video, immagini e audio nel tuo browser.
media.io media.io

2) Nebbia sul Porto

harbor mist color palette with hex codes

HEX: #0D2B33 #1D5B67 #2F8A8A #BFD6D2 #FFF6EE

Atmosfera: calma, ariosa, costiera

Ideale per: identità brand spa

Calmo e ovattato come la nebbia al mattino sul porto, questo mix è fresco senza essere freddo. I teal medi funzionano bene per loghi e marchi secondari, mentre il grigio-verde attenua gli sfondi. Abbina con carta bianca calda e illustrazioni minimali per un look silenzioso e premium. Consiglio: usa il teal più brillante solo per gli elementi call-to-action per mantenere il brand sereno.

Esempio immagine di nebbia sul porto generato con media.io

coastal spa branding
Prompt: set identità brand per una spa, variazioni logo, biglietto da visita, carta intestata, palette teal costiero e grigio nebbia, layout a griglia, presentazione flat su fondo neutro, senza mani --ar 4:3

3) Fiordo Alpino

alpine fjord color palette with hex codes

HEX: #081B2A #0E3A4A #1D6A7A #7FA6A0 #E7E2D6

Atmosfera: frizzante, naturale, raffinato

Ideale per: sito attrezzatura outdoor

Frizzante e tonificante, evoca un fiordo in quota con acqua acciaio-blu e ombre sempreverdi. Questa palette è perfetta per hero header, sezioni prodotto e schede tecniche dove serve contrasto. Abbina neutri sabbiosi caldi per non raffreddare eccessivamente la pagina, e usa il verde-grigio tenue per i testi secondari. Consiglio: il tono più scuro per nav sticky, il teal medio sugli hover, per un’interfaccia decisa e outdoor.

Esempio immagine di fiordo alpino generato con media.io

outdoor website hero
Prompt: hero ecommerce per attrezzatura outdoor, layout pulito, ampi placeholder prodotto, accenti navy e teal profondi, sfondo neutro, tipo moderna, senza cornice dispositivo --ar 21:9

4) Pino Inchiostrato

inked pine color palette with hex codes

HEX: #07151C #0A2830 #0F5563 #2A9D8F #F3F1EA

Atmosfera: audace, moderno, energico

Ideale per: landing page startup tech

Decisa e “inchiostrata”, queste sfumature ricordano aghi di pino immersi nella notte. Il teal brillante dà energia senza diventare neon, perfetto per bottoni e dati chiave. Abbina uno sfondo bianco caldo con ampio spazio e la landing resterà premium. Consiglio: limita il teal accentato a una sola azione primaria per sezione per migliorare il percorso di conversione.

Esempio immagine di pino inchiostrato generato con media.io

teal startup landing page
Prompt: design landing page tech moderna, titolo grande, schede prezzi, header navy teal, bottone teal call to action, griglia pulita, illustrazioni minime, senza cornice dispositivo, fondo neutro --ar 16:9

5) Lago Profondo

deep lagoon color palette with hex codes

HEX: #04161C #063D44 #0B6E6B #7CC6B2 #F7E9D0

Atmosfera: tropicale, rigoglioso, invitante

Ideale per: design menù ristorante

Rigoglioso e tropicale, ricorda una laguna tranquilla illuminata dal sole. Usa i toni più scuri per titoli e bordi, lasciando al verde chiaro i prezzi e i richiami. Abbina carta pergamena calda e texture leggere per un effetto artigianale. Consiglio: dettagli botanici in teal medio per unire le categorie con continuità visiva.

Esempio immagine di lago profondo generato con media.io

teal restaurant menu
Prompt: grafica menù ristorante su fondo neutro, tipografia elegante, titoli teal profondi, base pergamena calda, sezioni e icone semplici, layout 2d, senza tavolo, senza mani --ar 3:4

6) Nautico Vintage

vintage nautical color palette with hex codes

HEX: #0B1F2A #124A5A #1E7A8A #D2C3A5 #F6F2E8

Atmosfera: classico, heritage, marinaro

Ideale per: packaging etichetta whiskey

Classica e dal sapore antico, ricorda vernice scrostata e tela invecchiata. Queste combinazioni blu-verde scuro brillano nelle etichette dove cerchi tradizione con un tocco moderno. Abbina con carta panna, dettagli embossati e sabbia calda per evocare carte nautiche vintage. Consiglio: tipografia quasi-nera e teal medio per decori e bordi.

Esempio immagine di nautico vintage generato con media.io

nautical whiskey packaging
Prompt: scatto realistico etichetta bottiglia e box whiskey, design nautico vintage, inchiostro navy teal profondo, tocchi sabbia calda, fondo chiaro pulito, ombre morbide --ar 3:2

7) Serra Piovosa

rainy conservatory color palette with hex codes

HEX: #0A1C22 #163B44 #2E6F73 #A8B9A6 #ECE7DA

Atmosfera: soffice, botanico, accogliente

Ideale per: set illustrazioni botaniche

Morbida e botanica, richiama gocce di pioggia su vetro di serra e foglie bagnate. Il salvia attenuato mantiene delicato il tutto, i teal profondi danno struttura a steli e fogliame in ombra. Abbina carta crema calda e texture a matita leggera per una resa naturale e rilassante. Consiglio: usa la tonalità più scura solo nelle ombre più profonde per mantenere l’effetto acquerello.

Esempio immagine di serra piovosa generato con media.io

watercolor teal botanicals
Prompt: set illustrazioni botaniche ad acquerello, foglie serra, mood piovoso, lavaggi teal e salvia spenti, carta crema calda, dipinto a mano, no foto realismo --ar 4:3

8) Biblioteca Nordica

nordic library color palette with hex codes

HEX: #091A20 #14323D #2E5E6B #C8D0CB #F1EEE6

Atmosfera: silenzioso, accademico, minimalista

Ideale per: rivista editoriale

Silenziosa e accademica, evoca una sala di lettura nordica con muri in ardesia e luce soffusa. I toni medi lavorano ottimamente per virgolette e marker senza distrarre dai testi lunghi. Abbina margini bianchi, titoli serif sobri e linee sottili per un ritmo editoriale moderno. Consiglio: il grigio-verde come sfondo gentile per sidebar e note.

Esempio immagine di biblioteca nordica generato con media.io

minimal teal editorial spread
Prompt: layout editoriale rivista stampata, griglia minimalista, titoli serif, marker teal, ampi margini, tipografia pulita, design piatto a fondo neutro --ar 16:9

9) Vetro di Mare Velluto

sea glass velvet color palette with hex codes

HEX: #071D24 #0D3F4A #1B7C86 #79C7C7 #FAEBD7

Atmosfera: fresco, vellutato, positivo

Ideale per: pubblicità skincare

Fresco e vellutato, evoca le sfumature del vetro di mare su una base profonda. L’azzurro più acceso evidenzia ingredienti e benefici, mentre il teal scuro mantiene il look premium. Abbina beige caldo per valorizzare i toni cutanei e evitare un effetto sterile. Consiglio: usa un gradiente da teal scuro ad acqua dietro il prodotto per dare profondità senza affollare.

Esempio di immagine di velluto vetro marino generata con media.io

teal skincare product ad
Prompt: scatto realistico in studio per pubblicità di prodotti skincare, styling in tonalità teal profondo e acqua, sfondo beige caldo, illuminazione diffusa e morbida, pochi oggetti di scena, composizione pulita --ar 4:3

10) Night Garden

night garden color palette with hex codes

HEX: #05171A #0B2E36 #145E63 #3FA58B #F2F0E6

Atmosfera: misterioso, elegante, organico

Ideale per: suite invito nozze

Misterioso ed elegante, ricorda una cerimonia in giardino al crepuscolo con lanterne che illuminano le foglie. Usa la tonalità più scura per nomi e titoli, poi aggiungi un accento verde-teal per monogrammi o disegni floreali. Abbina carta avorio calda e dettagli foil delicati per un tocco romantico. Consiglio: limita l’inchiostro accent a uno o due elementi per carta, così il set rimane senza tempo.

Esempio di immagine di night garden generata con media.io

teal wedding invitation
Prompt: grafica suite invito nozze su sfondo semplice, tipografia elegante, disegno botanico lineare, inchiostro navy teal con accenti verde teal, effetto carta avorio calda, layout 2d piatto, senza mani --ar 3:4

11) Stormy Marina

stormy marina color palette with hex codes

HEX: #071821 #0F3542 #1C5D6B #8BA9A5 #E9E1D2

Atmosfera: drammatico, stabile, sofisticato

Ideale per: bilancio aziendale annuale

Drammatico ma stabile, evoca una tempesta che attraversa il porto e lascia la calma. I blu-verdi rendono grafici e divisori di sezione sicuri, mentre il neutro caldo evita che il layout diventi gelido. Abbina tipografia sans serif pulita e tanto spazio per un tono aziendale moderno. Consiglio: assegna un teal ai dati e lascia il resto monocromatico per chiarezza.

Esempio di immagine di stormy marina generata con media.io

teal annual report spread
Prompt: design layout bilancio annuale, griglia moderna, grafici e diagrammi, accenti navy teal, sfondo neutro caldo, tipografia pulita, effetto stampa 2d piatto su sfondo semplice --ar 16:9

12) Emerald Abyss

emerald abyss color palette with hex codes

HEX: #041316 #08323B #0A5A5E #0FA37F #F7F3E8

Atmosfera: lussuoso, ad alto contrasto, audace

Ideale per: onboarding app premium

Lussuoso e ad alto contrasto, suggerisce il bagliore di uno smeraldo che emerge dall’acqua profonda. Il verde intenso è ideale come micro-accento per indicatori di progresso e azioni chiave, mentre il fondo scuro fa risaltare il testo. Abbina schermi avorio caldo per evitare affaticamento e mantenere l’esperienza amichevole. Consiglio: usa la tonalità chiara per un solo highlight di onboarding per schermo per guidare l’attenzione.

Esempio di immagine di emerald abyss generata con media.io

dark teal onboarding screens
Prompt: mockup schermi onboarding app 2d, sfondo navy teal scuro, pulsanti accento smeraldo, tipografia pulita, segnaposto illustrazione semplice, nessun frame telefono, layout minimal --ar 9:16

13) Slate Eucalyptus

slate eucalyptus color palette with hex codes

HEX: #0B1C1F #17383E #2F6B70 #98B2A6 #EFE4D4

Atmosfera: radicato, naturale, moderno

Ideale per: styling interno soggiorno

Radicato e naturale, ricorda foglie di eucalipto su pietra ardesia. Usa il teal scuro come parete accent o colore della falegnameria integrata, poi ammorbidisci con tessuti beige caldo e legno chiaro. Abbina accessori in ottone spazzolato per aggiungere calore delicato senza sovrastare i toni freschi. Consiglio: ripeti il salvia smorzato su cuscini e opere d’arte per far sembrare la stanza pensata, non a tema.

Esempio di immagine di slate eucalyptus generata con media.io

slate teal living room
Prompt: soggiorno realistico, parete accent slate teal, tessuti eucalipto verde, tappeto beige caldo, mobili in quercia chiara, decorazione minimale, luce naturale soffice, composizione pulita --ar 16:9

14) Coastal Blueprint

coastal blueprint color palette with hex codes

HEX: #061C24 #0B3B4A #136A7A #4CB6B6 #F5F0E6

Atmosfera: pulito, strutturato, contemporaneo

Ideale per: UI pagina prezzi SaaS

Pulito e strutturato, richiama una planimetria costiera con linee precise e inchiostro oceanico. I toni scuri sono perfetti per header e contorni delle carte prezzi, mentre l’acqua mantiene badge e switch vivaci. Abbina base avorio caldo e ombre discrete per un look SaaS affidabile. Consiglio: usa l’acqua solo per il piano consigliato per rendere la decisione facile.

Esempio di immagine di coastal blueprint generata con media.io

teal saas pricing page
Prompt: mockup UI pagina prezzi saas 2d, header navy teal, carte prezzi pulite, highlight acqua per piano consigliato, sfondo avorio caldo, tipografia moderna, nessuna cornice dispositivo --ar 16:9

15) Peacock Shadow

peacock shadow color palette with hex codes

HEX: #07141B #0F2E3C #14586D #2D8FA3 #EAD9C3

Atmosfera: artistico, sicuro, leggermente retrò

Ideale per: poster evento galleria

Artistico e sicuro, ricorda una piuma di pavone alla luce bassa. Questa palette blu-verde scura è perfetta per poster tipografici audaci dove vuoi dramma senza nero puro. Abbina sfondo beige caldo e tipografia sans serif oversize per un’atmosfera galleria contemporanea. Consiglio: tieni il teal più luminoso per un solo elemento centrale, come data o luogo, per gestire la gerarchia.

Esempio di immagine di peacock shadow generata con media.io

teal gallery event poster
Prompt: design grafico poster evento galleria su sfondo semplice, tipografia audace, navy teal profondo e accenti teal pavone, effetto carta beige calda, layout minimale, senza mani, nessuna cornice --ar 3:4

16) Deep Forest Denim

deep forest denim color palette with hex codes

HEX: #06161E #0D2F3A #1E5C5E #6F9C8E #F4EDE1

Atmosfera: robusto, rilassato, outdoor

Ideale per: lookbook streetwear

Robusto e rilassato, suggerisce ombra di foresta mista a denim vissuto. Usa i toni più scuri per pagine e didascalie, poi sfrutta il verde smorzato per sfondi secondari e blocchi grafici. Abbina spazi negativi avorio e griglie semplici per mantenere il lookbook pulito. Consiglio: aggiungi un pannello neutro caldo ogni poche pagine per spezzare la serie fredda.

Esempio di immagine di deep forest denim generata con media.io

streetwear lookbook layout
Prompt: layout editoriale lookbook moda, tema streetwear, blocchi navy teal profondi, accenti verde smorzato, sfondo avorio caldo, griglia pulita, tipografia centrata, design 2d piatto --ar 16:9

17) Museum Teal

museum teal color palette with hex codes

HEX: #071A1E #0E3A43 #1C6B73 #B7C6BF #F2E7D6

Atmosfera: curato, tranquillo, raffinato

Ideale per: wayfinding mostra museo

Curato e tranquillo, ricorda pareti di galleria, patina e faretti soffusi. Il teal medio è ottimo per segnaletica direzionale e codifica a colori delle sezioni, mentre il grigio-verde pallido mantiene gli sfondi calmi. Abbina beige caldo e icone chiare così i visitatori scansionano in fretta. Consiglio: testa il contrasto a distanza e usa la tonalità più scura solo per etichette critiche.

Esempio di immagine di museum teal generata con media.io

museum teal wayfinding
Prompt: design sistema segnaletica mostra museo, frecce e icone, codifica colori teal e navy, sfondo neutro caldo, tipografia pulita, mockup 2d piatto su sfondo semplice --ar 16:9

18) Arctic Spruce

arctic spruce color palette with hex codes

HEX: #06161A #0B2B33 #16505A #4E7E7B #E6E9E4

Atmosfera: fresco, minimale, arioso

Ideale per: UI app salute

Fresco e arioso, ricorda aghi di abete sotto luce invernale pallida. Usa il teal quasi nero per testo principale e header, poi il teal più morbido per grafici e anelli di progresso. Abbina l’off-white freddo come tela principale per mantenere la UI pulita e rassicurante. Consiglio: mantieni saturazione bassa sugli elementi secondari così le metriche salute rimangono in evidenza.

Esempio di immagine di arctic spruce generata con media.io

minimal teal health app
Prompt: mockup schermi UI app salute 2d, layout minimal, anelli progresso teal, tipografia teal scura, sfondo off white chiaro, icone pulite, nessun frame telefono --ar 9:16

19) Blue Juniper Clay

blue juniper clay color palette with hex codes

HEX: #071822 #0E3444 #215D6F #A7A39A #F1E4CF

Atmosfera: terroso, moderno, equilibrato

Ideale per: packaging prodotto ceramica

Terroso e moderno, fonde la profondità del juniper blu con il calore dell’argilla. Queste combinazioni blu-verdi scure sono ottime su scatole opache e etichette dove conta la texture. Abbina carta kraft naturale, tipografia semplice e un piccolo segno teal per suggerire artigianalità. Consiglio: mantieni il beige caldo come campo dominante e usa il teal profondo per aree brand e sigilli.

Esempio di immagine di blue juniper clay generata con media.io

teal ceramics packaging
Prompt: scatto realistico packaging prodotto ceramica, scatola e etichetta opaca, blocchi brand teal profondi, tonalità beige e argilla calde, tipografia minimale, sfondo pulito, ombre morbide --ar 3:2

20) Eclipse Botanica

eclipse botanica color palette with hex codes

HEX: #041216 #092A34 #0E4B5A #2C7F7A #F8F1E3

Atmosfera: misterioso, naturale, cinematografico

Ideale per: design copertina libro

Misterioso e cinematografico, richiama un’eclissi su un giardino botanico. Il fondo scuro sostiene titoli audaci, mentre i teal più morbidi vanno bene per foglie illustrate o gradienti sottili. Abbina crema calda per rendere la copertina leggibile in thumbnail e stampa. Consiglio: usa un accento teal ad alto contrasto sul titolo per creare un punto focale forte.

Esempio di immagine di eclipse botanica generata con media.io

botanical teal book cover
Prompt: design grafico copertina libro su sfondo semplice, tema botanico cinematografico, sfondo navy teal profondo, accenti teal illustrativi, area tipografica crema calda, layout 2d piatto, senza mani --ar 2:3

Quali colori si abbinano bene al blu-verde scuro?

I neutri caldi sono il modo più semplice per vincere: avorio, crema, sabbia e pergamena rendono il blu-verde scuro più morbido e premium. Migliorano anche la leggibilità della UI mantenendo il contrasto alto senza la rigidità del bianco puro.

Per i colori accent, prova corallo smorzato, terracotta, rame o blush per aggiungere calore ed energia umana. Se vuoi un look moderno e pulito, abbina il blu-verde scuro con acqua pallida, grigio-verde nebbioso o off-white freddo per mantenere tutto ordinato e costiero.

Per highlight audaci, usa tonalità senape o oro con parsimonia—giusto quanto basta per enfatizzare pulsanti, badge o dati chiave—così la palette resta sofisticata e non rumorosa.

Come usare una palette blu-verde scuro in progetti reali

Nel branding, usa un blu-verde scuro come colore “fiducia” primario (loghi, header, pannelli di packaging), poi aggiungi un teal più chiaro per elementi di supporto come icone e segni secondari. Mantieni un neutro caldo come sfondo dominante per evitare che il sistema sembri pesante.

Nel design UI, i blu-verde scuri sono eccellenti su barre di navigazione, dashboard e superfici dark mode perché riducono il riverbero rispetto al nero puro. Assegna un teal brillante (o smeraldo) come colore interattivo costante per CTA, toggle e stato attivo.

Negli interni, tratta il blu-verde scuro come un navy moderno: perfetto per parete accent, built-in o piastrelle. Bilancia con legno chiaro, tessuti caldi e un po’ di ottone o pietra calda per mantenere la stanza accogliente.

Crea visual blu-verde scuro con l’IA

Se vuoi vedere queste palette contestualizzate, crea mockup rapidi—come landing page, poster, annunci prodotto o scene di stanze—usando prompt testuali. Così puoi validare contrasto, mood e gerarchia prima di creare asset definitivi.

Con lo strumento text-to-image di Media.io, puoi iterare velocemente: cambia sfondo, regola illuminazione o testa diversi posizionamenti di accenti mantenendo il core blu-verde scuro. È utile soprattutto quando servono più concept per clienti o test A/B.

FAQ Palette Colori Blu-Verde Scuro

  • Che cos’è la “famiglia blu-verde scuro”?
    Il blu-verde scuro è una gamma profonda tra navy e teal, spesso percepita come oceanica o tono sempreverde. Tipicamente include teal quasi nero, blu ciano intenso e medi toni blu-verde smorzati.
  • Il blu-verde scuro è adatto al design UI moderno?
    Sì. Il blu-verde scuro funziona bene per header, sidebar e superfici dashboard perché trasmette professionalità e riduce il contrasto rigido rispetto al nero puro. Usa uno sfondo off-white caldo (o neutri morbidi) per mantenere il testo leggibile.
  • Quale colore accent si abbina meglio al blu-verde scuro?
    Senape/oro, terracotta e corallo creano un forte contrasto caldo, mentre acqua e spuma marina mantengono un look pulito e costiero. Scegli un solo accent e usalo con coerenza per CTA o highlight chiave.
  • Come evitare che una palette blu-verde scuro sembri troppo fredda?
    Aggiungi neutri caldi (crema, beige, pergamena), texture naturali o metallici caldi come ottone. Nei layout digitali, usa bianchi leggermente caldi invece del puro #FFFFFF.
  • Posso usare il blu-verde scuro per branding in finanza o tecnologia?
    Assolutamente. Comunica stabilità come il navy, ma è più contemporaneo e umano rispetto ai classici blu aziendali. Abbinalo a tipografia sobria e regole di contrasto chiare per un’identità premium e affidabile.
  • Qual è l’errore più comune nell’uso di palette blu-verde scuro?
    Usare teal saturato ovunque. Mantieni i blu-verde profondi come colori strutturali e riserva i teal/smeraldo brillanti solo per pochi elementi interattivi o focali, così la gerarchia resta chiara.
  • Come posso visualizzare rapidamente palette blu-verde scuro in scene reali?
    Genera mockup con uno strumento AI di testo-immagine usando prompt come “pagina di prezzi SaaS UI” o “soggiorno con parete color teal”, poi perfeziona il prompt per adattarlo all’atmosfera e illuminazione del tuo brand.

Successivo: Palette di colori giallo senape

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