Blu-verde si trova in quel punto perfetto tra il blu calmo e il verde rinfrescante, rendendolo una delle famiglie di colori più facili con cui lavorare.
Di seguito sono riportate più di 20 combinazioni di colori blu-verde selezionate con codici HEX, oltre a consigli pratici per l’abbinamento in UI, branding, stampa e design per i social.
In questo articolo
- Perché le palette blu-verdi funzionano così bene
-
- calma costiera
- laguna profonda
- vetro di mare minimal
- barriera corallina tropicale
- menta artica
- porto piovoso
- brezza botanica
- bordo piscina retrò
- ufficio ardesia e teal
- notte aurora
- lago di montagna
- clinica fresca
- sorbetto estivo
- denim e giada
- pietra spa moderna
- gradiente profondità oceanica
- hud neon alga
- editoriale marittima
- aula acquatica
- pack spuma sostenibile
- matrimonio sulla spiaggia
- Quali colori stanno bene con il blu-verde?
- Come utilizzare una palette blu-verde nei design reali
- Crea visual della palette blu-verde con l’IA
Perché le palette blu-verdi funzionano così bene
Le palette blu-verde risultano naturalmente equilibrate perché prendono affidabilità e stabilità dal blu mantenendo l’energia vivace e organica del verde. Il risultato è una famiglia di colori che appare “pulita” senza sembrare sterile.
Si adattano bene anche in diversi contesti: teal intensi danno struttura a intestazioni e navigazione, mentre le sfumature menta e spuma di mare aprono spazi bianchi nei layout moderni. Questo rende il blu-verde particolarmente affidabile per sistemi UI e kit di branding.
Infine, il blu-verde si armonizza sia con accenti caldi che freddi, quindi puoi variare l’atmosfera da sereno-spa a neon-tech semplicemente regolando uno o due colori secondari.
20+ idee di palette di colori blu-verde (con codici HEX)
1) Calma Costiera

HEX: #0B7285 #2EC4B6 #A7F3D0 #E6FFFA #0B1320
Atmosfera: serena, ariosa, pulita
Ideale per: landing page benessere e branding di centri spa
Serena e fresca come una riva silenziosa all’alba, queste tonalità risultano pulite senza diventare fredde. Usa il teal profondo come ancoraggio e lascia che menta e spuma bilancino gli spazi bianchi. Abbinale a neutri sabbiosi caldi o delicati coralli per un contrasto gentile ma naturale. Consiglio: usa il navy scuro per il corpo del testo per migliorare la leggibilità e riserva il celeste chiaro per sezioni e card.
Esempio di immagine di calma costiera generato con media.io
Media.io è uno studio AI online per creare e modificare video, immagini e audio direttamente dal browser.
2) Laguna Profonda

HEX: #003B46 #07575B #66A5AD #C4DFE6 #0A0F14
Atmosfera: umorale, immersiva, cinematografica
Ideale per: branding tech e dashboard dark-mode
Umore profondo e immersivo come una laguna al tramonto, questa palette è cinematografica e premium. I verdi intensi e i teal blu funzionano splendidamente su superfici UI scure, mentre il ciano nebbioso mantiene dati ed etichette nitidi. Questa palette blu-verde si abbina bene con argento satinato, carbone e un accento lime per gli stati. Consiglio: usa la tonalità più chiara per grafici e separatori, così l’interfaccia resta calma e ordinata.
Esempio di immagine di laguna profonda generato con media.io
3) Vetro di Mare Minimal

HEX: #1B9AAA #84DCC6 #D9FFF5 #F7F7FF #2D3047
Atmosfera: chiara, moderna, ariosa
Ideale per: identità brand e cancelleria minimaliste
Chiara e moderna come il vetro di mare sbiadito dal sole, queste tonalità sono ariose e raffinate. Usa il teal brillante per loghi e titolazioni, poi lascia che gli azzurri chiari mantengano i layout spaziosi. Abbinale a texture cartacee bianche e a un tono grafite per evitare un effetto troppo dolce. Consiglio: per design in stampa abbondanti, il teal rende meglio se leggermente smorzato e usato con parsimonia.
Esempio di immagine di vetro di mare minimal generato con media.io
4) Barriera Corallina Tropicale

HEX: #006D77 #83C5BE #EDF6F9 #FFDDD2 #E29578
Atmosfera: giocosa, solare, da vacanza
Ideale per: pubblicità turistiche e grafiche social
Giocosa e solare come una vacanza sulla barriera corallina, questo mix bilancia i toni freschi dell’acqua con il pesca caldo. Il teal mantiene l’ancoraggio, mentre note corallo e sabbia fanno risaltare le call to action. Abbina a tipografia sans-serif e foto luminose per un effetto carico di energia. Consiglio: usa il corallo solo per bottoni e badge per mantenere il look fresco e non eccessivo.
Esempio di immagine di barriera corallina tropicale generato con media.io
5) Menta Artica

HEX: #0E7490 #22C1C3 #B8F2E6 #F0FDFA #111827
Atmosfera: nitida, rinfrescante, alta chiarezza
Ideale per: UI prodotto e schermate onboarding
Nitida e rinfrescante come aria polare, queste tonalità sono pensate per la chiarezza. Il teal freddo comunica sicurezza, mentre la menta ghiacciata mantiene gli sfondi luminosi e spaziosi. Abbina a testi ardesia intensi e un accento caldo come l’ambra per gli stati di avanzamento. Consiglio: usa la menta come gradiente leggero per separare le sezioni senza aggiungere linee.
Esempio di immagine di menta artica generato con media.io
6) Porto Piovoso

HEX: #0F4C5C #1B6B73 #5BC0BE #D8F3DC #2B2D42
Atmosfera: equilibrata, calma, professionale
Ideale per: presentazioni aziendali e report
Equilibrata e calma come un porto sotto una pioggerella, queste sfumature sono professionali senza essere rigide. Usa il teal scuro per titoli e grafici, poi porta nella tavola il verde chiaro per tabelle ed evidenze. Abbinale a grigi freddi e tanto spazio bianco per massima leggibilità. Consiglio: limita i grafici a due toni principali e lascia che la menta chiara gestisca le serie secondarie.
Esempio di immagine di porto piovoso generato con media.io
7) Brezza Botanica

HEX: #1F7A8C #53B8A5 #CDEAE5 #F6FFF8 #2E3A59
Atmosfera: fresca, naturale, delicata
Ideale per: illustrazioni botaniche e campagne primaverili
Fresca e delicata come foglie dopo la rugiada mattutina, questa palette è naturale e ottimista. Il teal medio lavora bene per steli e contorni, mentre i toni chiari sono perfetti per effetti acquerello. Abbina a terracotta smorzata o ocra chiaro se vuoi un tocco più terroso. Consiglio: usa il tono più scuro solo per i dettagli minuti, così l’illustrazione resta leggera.
Esempio di immagine di brezza botanica generato con media.io
8) Bordo Piscina Retrò

HEX: #0077B6 #00B4D8 #90E0EF #CAF0F8 #2A9D8F
Atmosfera: divertente, nostalgica, estiva
Ideale per: flyer eventi e poster retrò
Divertente e nostalgica come la musica di una giornata in piscina, queste sfumature blu e teal evocano subito l’estate. Usa il ciano brillante per grandi titoli e forme, porta la spuma per profondità stratificata. Abbina a contorni nero spento e un piccolo accento di giallo sole per un vero stile vintage. Consiglio: aggiungi una texture puntinata semplice alla tonalità più chiara per simulare i vecchi manifesti stampati.
Esempio di immagine bordo piscina retrò generato con media.io
9) Ufficio ardesia e teal

HEX: #1D3557 #2A9D8F #A8DADC #F1FAEE #6C757D
Atmosfera: intelligente, stabile, moderna
Ideale per: Siti web B2B e branding SaaS
Intelligente e stabile come uno studio ben illuminato, questa combinazione bilancia l’ardesia blu con un teal sicuro. Il contrasto è abbastanza forte per navigazione e pulsanti, mentre l’acqua più chiara mantiene le pagine accoglienti. Queste combinazioni di colori blu-verdi lavorano particolarmente bene con griglie nette, icone a linea sottile e fotografie neutre. Consiglio: imposta le azioni primarie in teal e usa la tonalità ardesia per le intestazioni, così da creare una chiara gerarchia.
Esempio di immagine di ufficio ardesia e teal generato con media.io
10) Notte Aurora

HEX: #061A40 #0353A4 #00A6A6 #94D2BD #E9D8A6
Atmosfera: elettrica, onirica, ad alto contrasto
Ideale per: visual per musica e campagne audaci
Elettrica e onirica come scie d’aurora su un cielo scuro, questa palette ama il contrasto. Il blu navy profondo dà una base drammatica, mentre teal e menta brillano per evidenziare e animare grafiche in movimento. Abbina con oro tenue per tipografia o badge per aggiungere calore senza perdere il senso notturno. Consiglio: mantieni i gradienti delicati e direzionali affinché le tonalità neon non formino bande sugli schermi.
Esempio di immagine di notte aurora generato con media.io
11) Lago di Montagna

HEX: #0B3954 #087E8B #BFD7EA #F5F5F5 #1F2937
Atmosfera: tranquillo, all’aperto, bilanciato
Ideale per: brand outdoor e articoli editoriali
Tranquillo e naturale come acqua ferma sotto i pini, questi toni trasmettono equilibrio e affidabilità. Usa il teal blu più profondo per titoli e navigazione, poi lascia che il blu-grigio chiaro apra la pagina. Abbina a texture di pelle beige calda o hardware nero opaco per un tocco robusto. Consiglio: mantieni le immagini leggermente desaturate così il teal resta il colore protagonista.
Esempio di immagine di lago di montagna generato con media.io
12) Clinica Fresca

HEX: #005F73 #0A9396 #94D2BD #E9D8A6 #F8FAFC
Atmosfera: rassicurante, igienica, accessibile
Ideale per: app sanitarie e UI prenotazione appuntamenti
Rassicurante e igienico come l’atrio luminoso di una clinica, queste tonalità comunicano cura e chiarezza. I toni teal danno sicurezza a pulsanti e tab, mentre l’accento cremoso ammorbidisce il look globale. Una palette blu-verde come questa si abbina bene con componenti arrotondati e icone a linea semplice. Consiglio: riserva la crema calda per alert ed evidenze così l’accessibilità resta alta.
Esempio di immagine di clinica fresca generato con media.io
13) Sorbetto Estivo

HEX: #118AB2 #06D6A0 #C7F9CC #F1FAEE #FFD166
Atmosfera: brillante, giovane, energico
Ideale per: marketing startup e template social
Brillante e giovane come un vassoio di sorbetto, questa gamma è energica ma comunque pulita. L’acqua e il verde vividi portano titoli e sticker, mentre la menta pallida mantiene leggeri gli sfondi. Da abbinare a caratteri neri semplici e forme arrotondate per un tono amichevole. Consiglio: usa il giallo solo per micro-accenti come icone o etichette prezzi, così da non sovrastare la base fresca.
Esempio di immagine di sorbetto estivo generato con media.io
14) Denim e Giada

HEX: #1E3A8A #0EA5A4 #34D399 #E0F2FE #0F172A
Atmosfera: sicuro, sportivo, pulito
Ideale per: brand sportivi e accenti UI app
Sicuro e sportivo come il denim con un accessorio in giada, questi toni risaltano senza sembrare neon. Usa il blu profondo per la struttura, poi lascia che teal e verde illuminino highlights e stati attivi. Abbina a spazio bianco e tipografia decisa per un look atletico e moderno. Consiglio: mantieni i gradienti minimi e usa riempimenti pieni per una migliore leggibilità negli elementi UI più piccoli.
Esempio di immagine di denim e giada generato con media.io
15) Pietra Spa Moderna

HEX: #134E4A #2DD4BF #99F6E4 #F1F5F9 #A3A3A3
Atmosfera: zen, raffinata, discreta
Ideale per: branding alberghiero e skincare premium
Zen e raffinata come pietra liscia accanto all’acqua calda, questi toni trasmettono eleganza e pregio. Il teal verde scuro aggiunge lusso, mentre l’acqua brillante mantiene il look fresco e moderno. Da abbinare a grigi tenui, texture lino e titoli serif minimali per un effetto raffinato. Consiglio: usa il teal medio per piccoli dettagli così il design resta discreto e di classe.
Esempio di immagine di pietra spa moderna generato con media.io
16) Gradiente Profondità Oceanica

HEX: #001219 #005F73 #0A9396 #94D2BD #E9D8A6
Atmosfera: profondo, fluido, sofisticato
Ideale per: gradienti di sfondo ed hero section
Profondo e fluido come guardare tra gli strati limpidi dell’oceano, questa palette è perfetta per gradienti. Il blu quasi nero offre profondità, e la gamma teal-menta sfuma uniformemente tra le sezioni. Abbina ad accenti crema caldi e molto respiro per una sensazione premium. Consiglio: prova i gradienti su display di fascia bassa e aggiungi un leggero rumore per evitare bande visive.
Esempio di immagine di gradiente profondità oceanica generato con media.io
17) Neon Kelp HUD

HEX: #0B1320 #00BFA6 #00E5FF #2DD4BF #A7F3D0
Atmosfera: futuristico, incisivo, hi-tech
Ideale per: overlay gaming e grafiche streaming
Futuristico e incisivo come un HUD luminoso sotto la luce marina, questi colori brillanti si leggono subito su sfondi scuri. Usa il ciano per le visualizzazioni principali e il teal più verde per contatori e anelli di focus secondari. Combinazioni blu-verde come questa brillano con numeri monospazio nitidi e icone lineari sottili. Consiglio: usa effetti glow con moderazione e prediligi il contrasto per l’accessibilità.
Esempio di immagine di neon kelp hud generato con media.io
18) Editoriale Marittimo

HEX: #0A2342 #2CA6A4 #BCECE0 #FAFAF9 #7C8DA6
Atmosfera: pulita, da rivista, riflessiva
Ideale per: layout magazine e header blog
Pulita e pensata come un diario marittimo, questa miscela trasmette calma e cura editoriale. Il navy conferisce autorevolezza, mentre il teal tenue mantiene la pagina accogliente e moderna. Da abbinare a toni carta bianco caldo e righe grigie lievi per un tocco editoriale elevato. Consiglio: usa il teal per pull quote e etichette sezione per facilitare la scansione visiva senza sovrastare il contenuto.
Esempio di immagine di editoriale marittimo generato con media.io
19) Aula Acquatica

HEX: #1D4ED8 #0EA5E9 #14B8A6 #A7F3D0 #F8FAFC
Atmosfera: amichevole, chiara, ottimista
Ideale per: app educazione e UI adatta ai bambini
Amichevole e ottimista come un’aula luminosa, questi colori trasmettono chiarezza e accoglienza. I blu cielo gestiscono titoli e navigazione, mentre la gamma teal-menta rende accenti di supporto e stati di successo. Da abbinare a illustrazioni semplici e card arrotondate per mantenere un tono accessibile. Consiglio: abbassa leggermente la saturazione per le schermate da lunga lettura, così da ridurre l’affaticamento visivo.
Esempio di immagine di aula acquatica generato con media.io
20) Pack Schiuma di Mare Sostenibile

HEX: #0F766E #34D399 #BBF7D0 #F0FDF4 #1F2937
Atmosfera: ecologico, pulito, affidabile
Ideale per: packaging sostenibile e prodotti DTC
Ecologico e pulito come erbe fresche e schiuma marina, questa serie trasmette affidabilità sugli scaffali. Il teal più profondo per loghi e tappi, mentre i verdi chiari risultano naturali su grandi etichette. Da abbinare a neutri tipo carta kraft e inchiostri carbone per un look sostenibile e concreto. Consiglio: usa il tono più chiaro come base etichetta per contenere i costi di stampa e mantenere nitidi i testi.
Esempio di immagine di pack schiuma di mare sostenibile generato con media.io
21) Matrimonio sulla Costa

HEX: #0F5257 #5BC0BE #BFEDEF #FFF9F1 #D6CCC2
Atmosfera: romantico, arioso, elegante
Ideale per: inviti di nozze e suite eventi
Romantico e arioso come una cerimonia costiera, queste sfumature sono eleganti e delicate. Il teal mantiene la suite moderna, mentre l’avorio caldo e le note di sabbia aggiungono una presenza senza tempo. Da abbinare a caratteri serif delicati e linee minimal per fiori o onde. Consiglio: i dettagli in lamina risaltano di più se mantieni il teal un po’ profondo e lasci che la carta avorio domini la pagina.
Esempio di immagine di matrimonio sulla costa generato con media.io
Quali colori stanno bene con il blu-verde?
Il blu-verde si abbina facilmente a neutri puliti come bianco caldo, grigio freddo e carbone—ideali per UI moderne e layout editoriali. Questi neutri mantengono la palette leggibile e permettono ai tocchi teal di sembrare una scelta precisa e non eccessiva.
Per un contrasto più caldo, prova sabbia, crema, terracotta, pesca o oro tenue. Gli accenti caldi fanno risaltare call-to-action e highlights senza perdere naturalezza, specialmente in palette di ispirazione oceanica.
Per un look più deciso e tech, aggiungi accenti ad alta croma come lime, ciano o menta elettrica a piccole dosi. Usali solo come micro-accenti (badge, stati, icone) per mantenere l’equilibrio.
Come utilizzare una palette blu-verde nei design reali
Parti dalla definizione dei ruoli: scegli un teal profondo o navy per tipografia e struttura, un teal medio per le azioni primarie, e una o due menta chiare per superfici, card e sfondi di sezione.
Dai priorità all’accessibilità—il teal può sembrare “medio contrasto” anche quando è scuro. Prova il testo dei pulsanti e del corpo sul fondo scelto e riserva le tinte più chiare solo per fondi, non per i caratteri.
Infine, scegli la “temperatura”: le palette fredde trasmettono sensazione clinica e moderna, mentre aggiungere crema, pesca o sabbia rende la stessa famiglia teal più accogliente e lifestyle.
Crea visual della palette blu-verde con l’IA
Vuoi vedere questi codici HEX blu-verdi applicati a layout reali? Genera mockup UI, poster, pack e scene di brand in pochi minuti usando prompt AI.
Con Media.io puoi sperimentare rapidamente—cambia il teal di riferimento, regola la saturazione e confronta le varianti fianco a fianco finché la palette non è giusta per il tuo brand o prodotto.
FAQ sulla Palette Blu-Verde
-
Cos’è una palette di colori blu-verde?
Una palette di colori blu-verde è un insieme di colori costruiti attorno a teal, acqua, turchese e verdi tendenti al blu—spesso sostenuti da navy, menta, schiuma di mare e neutri come bianchi o grigi. -
Il teal è considerato un colore blu-verde?
Sì. Il teal è una delle tonalità blu-verdi più comuni, si trova tra il blu e il verde sulla ruota dei colori e funziona bene come colore principale per marchi e interfacce moderne. -
Quali colori si abbinano al blu-verde?
Tonalità calde complementari o quasi complementari come corallo, pesca, terracotta e oro tenue creano un piacevole contrasto. Anche i neutri (avorio, grigio freddo, antracite) si abbinano bene per design puliti e leggibili. -
Come posso rendere più moderna una palette blu-verde?
Utilizza un navy o teal profondo come struttura, tanto spazio bianco con superfici menta chiare e un accento evidente per le CTA. Mantieni i gradienti delicati e affidati a spaziatura e tipografia coerenti per un aspetto orientato all’interfaccia. -
Qual è la migliore palette blu-verde per la modalità scura?
Cerca palette con una base quasi nera e un highlight ciano/seafoam sfumato per leggibilità—come “Deep Lagoon” o “Neon Kelp HUD”—così etichette, grafici e stati rimangono nitidi. -
Quanti colori dovrebbe includere una palette per il design UI?
Inizia con 5 colori base (base scura, primario, secondario, superficie, accento), poi espandi in tinte e sfumature per gli stati. Mantenere la base compatta rende i sistemi più facili da gestire. -
Posso generare mockup di design blu-verde da questi codici HEX?
Sì. Puoi usare lo strumento text-to-image di Media.io per generare scene e layout, poi perfezionare suggerendo specifici componenti (hero section, dashboard, poster) e ruoli di colore (primario, superficie, accento).
Successivo: Palette Colori Verde Neon

