Palette di colori blu, verde e viola: 20 idee con codici HEX

Blu, verde e viola creano un equilibrio unico di calma ed energia—perfetto per i marchi moderni che vogliono trasmettere affidabilità, freschezza e un tocco di sorpresa.

Di seguito trovi oltre 20 combinazioni cromatiche blu verde viola con codici HEX, oltre a consigli pratici per abbinamenti in UI, branding, stampa e design social.

Perché le palette Blu Verde Viola funzionano così bene

Il blu comunica chiarezza e affidabilità, il verde porta freschezza ed equilibrio e il viola aggiunge fantasia e una nota premium. Insieme coprono sia il concetto di “affidabile” sia quello di “espressivo”, motivo per cui sono popolari in SaaS, fintech, benessere e campagne creative.

Questo trio funziona bene sia in modalità chiara che scura. I blu navy profondi e gli indaco danno struttura, mentre teal e viola offrono accenti vivaci che mantengono coesione.

Poiché le tonalità sono abbastanza vicine da miscelarsi (ideali per i gradienti) ma abbastanza diverse da distinguere gli stati UI, una palette blu verde viola aiuta a costruire gerarchia senza ricorrere a colori extra.

20+ Idee di palette Blu Verde Viola (con codici HEX)

1) Aurora Lagoon

HEX: #0B3D91 #0FB9B1 #6C5CE7 #B8F2E6 #1B1F3B

Atmosfera: luminoso, calmo, moderno

Ideale per: dashboard UI saas

Luminoso e calmo, come le aurore boreali riflesse sull’acqua ferma. Il navy profondo dà struttura ai layout, mentre teal e viola aggiungono movimento senza essere eccessivi. Usa la tinta menta per pannelli spaziosi e tieni gli accenti più luminosi per i pulsanti principali e i dettagli in evidenza. Abbina grigi freddi e un font geometrico sans pulito per mantenere un aspetto moderno e guidato dal prodotto.

Esempio d’immagine di aurora lagoon generato con media.io

Media.io

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

Provalo Gratis Ora

2) Plum Tidepool

HEX: #1D4ED8 #14B8A6 #7C3AED #F1F5F9 #0F172A

Atmosfera: nitido, professionale, energico

Ideale per: sistema di identità di brand

Nitido e professionale, come la luce marina che colpisce una pietra lucida. Il cobalto e il teal trasmettono sicurezza, mentre il viola prugna aggiunge un segno distintivo per loghi e marchi chiave. Usa l’off-white come sfondo principale e riserva il quasi-nero per tipografia e contorni. Abbina una serie minima di icone e un font display deciso per mantenere l’identità affilata.

Esempio d’immagine di plum tidepool generato con media.io

3) Twilight Hibiscus

HEX: #12355B #1BB3A3 #8E2DE2 #F7EDE2 #0B132B

Atmosfera: romantico, intenso, vibrante

Ideale per: design poster evento

Romantico e intenso, come i petali di ibisco che brillano dopo il tramonto. Questa palette blu verde viola funziona particolarmente bene lasciando che la crema gestisca lo spazio negativo. Riserva teal per elementi di supporto e usa il viola per titoli e dettagli in evidenza. Abbina grain leggero e tipografia decisa, limitando il navy più scuro solo a testi piccoli per leggibilità.

Esempio d’immagine di twilight hibiscus generato con media.io

4) Glacier Amethyst

HEX: #2F6FED #3DD6D0 #B388FF #EAF2FF #25314F

Atmosfera: fresco, arioso, ottimista

Ideale per: schermate onboarding app mobile

Fresco e arioso, come acqua glaciale sotto un cielo luminoso. La lavanda pastello e il blu ghiaccio generano sfondi amichevoli, mentre il blu intenso offre forte contrasto per i CTA. Usa teal come indicatore di progresso o colore micro-interazione per un flow vivace. Abbina componenti UI arrotondate e spazi ampi per una esperienza di primo accesso accogliente.

Esempio d’immagine di glacier amethyst generato con media.io

5) Rainforest Violet

HEX: #064E3B #0EA5A4 #6D28D9 #A7F3D0 #1E1B4B

Atmosfera: terroso, audace, avventuroso

Ideale per: packaging prodotto outdoor

Terroso e audace, come l’ombra fitta della foresta pluviale con un lampo di fiori rari. Il verde intenso e l’indigo di mezzanotte sono robusti, mentre il viola offre un tocco premium che risalta sugli scaffali. Usa la menta come sfondo etichetta e riserva teal per badge o highlight. Abbina texture opache e icone lineari semplici per evitare caos visivo.

Esempio d’immagine di rainforest violet generato con media.io

6) Electric Kelp

HEX: #0057FF #00C2A8 #A855F7 #0B1026 #E2E8F0

Atmosfera: alto contrasto, tecnologico, energico

Ideale per: overlay streaming gaming

Alto contrasto e tecnologico, come una luce neon che attraversa l’acqua profonda. Queste combinazioni blu verde viola sono più efficaci mantenendo il tono scuro come tela principale. Usa il blu elettrico per avvisi, teal per etichette secondarie e viola per momenti in rilievo come vittorie o traguardi. Abbina forme affilate e glow moderato, evitando di usare tutti e tre i colori vivaci nello stesso modulo.

Esempio d’immagine di electric kelp generato con media.io

7) Soft Sea Lavender

HEX: #2B50AA #5BD3C7 #C3B1E1 #FFF7ED #334155

Atmosfera: delicato, accogliente, accessibile

Ideale per: tema blog benessere

Delicato e accogliente, come la schiuma marina che si fonde con nebbia di lavanda. L’off-white pesca mantiene le pagine calde, mentre il pervinca e teal offrono un ritmo rilassante per link, tag e testate di sezione. Usa ardesia per il testo del corpo e contrasto accessibile. Abbina accenti illustrati soft ed evita gradienti pesanti per mantenere la tonalità rilassante.

Esempio d’immagine di soft sea lavender generato con media.io

8) Cosmic Garden

HEX: #101935 #2EC4B6 #7B2CBF #F0EBD8 #3A86FF

Atmosfera: mistico, creativo, giocoso

Ideale per: artwork copertina album

Mistico e creativo, come la luce stellare che spruzza su un giardino di mezzanotte. Il neutro cremoso permette alle tonalità preziose di risaltare senza diventare aggressive, ed è ideale per tipografia audace. Usa teal per forme organiche e viola per elementi centrali come titoli o icone. Abbina texture granulose e botanici astratti per un finish moderno e sognante.

Esempio d’immagine di cosmic garden generato con media.io

9) Denim Iris

HEX: #1E40AF #10B981 #9333EA #E5E7EB #111827

Atmosfera: sicuro, equilibrato, contemporaneo

Ideale per: presentazione aziendale

Sicuro ed equilibrato, come denim scuro con un tocco di iris. Usa il grigio come sfondo delle slide per mantenere leggibili i grafici, poi applica blu e verde come serie dati principali. Il viola funziona meglio come colore di evidenza per indicatori chiave e divisori di sezioni. Abbina infografiche pulite e usa il quasi-nero per gli header, evitando un aspetto scolorito.

Esempio di immagine di denim iris generato con media.io

10) Metro Nightshade

HEX: #0F172A #2563EB #14B8A6 #A78BFA #F8FAFC

Atmosfera: elegante, urbano, raffinato

Ideale per: landing page fintech

Elegante e urbano, come segnaletica al neon su asfalto bagnato. Una palette blu-verde-viola come questa trasmette qualità premium se parti dalla base profonda e lasci il bianco per spazi di respiro. Usa il blu per azioni principali, il teal per segnali di fiducia e il lavanda per evidenziare i punti salienti delle funzionalità. Abbina icone con linee sottili e tanto spazio per dare un effetto di fascia alta.

Esempio di immagine di metro nightshade generato con media.io

11) Orchid Current

HEX: #012A4A #0B5FFF #00A8A8 #7209B7 #E0FBFC

Atmosfera: audace, lucido, espressivo

Ideale per: pubblicità prodotto beauty

Audace e lucido, come petali di orchidea che riflettono una luce blu. I colori primari saturi trasmettono un effetto editoriale, mentre l’acqua chiara evita l'appesantimento del layout. Usa il teal per sostenere claim e ingredienti, poi riserva il viola per segnali premium come edizione limitata o fragranza esclusiva. Abbina una tipografia macro e una singola immagine hero del prodotto per mantenere il lusso.

Esempio di immagine di orchid current generato con media.io

12) Tealberry Punch

HEX: #0061A8 #00BFA6 #8A2BE2 #FFE66D #1A1A2E

Atmosfera: divertente, giovanile, vivace

Ideale per: flyer festival estivo

Divertente e vivace, come una soda brillante con un tocco di frutti di bosco. Il giallo solare porta energia immediata, mentre teal e viola rendono il flyer moderno invece che retrò. Usa il tono notte per blocchi di testo e righe sponsor per mantenere chiarezza. Abbina forme giocose e una gerarchia tipografica rigorosa così l'accento brillante non sovrasta i dettagli.

Esempio di immagine di tealberry punch generato con media.io

13) Misty Nebula

HEX: #2C3E50 #2EC4B6 #B8B8FF #F6F7FB #5A189A

Atmosfera: morbido, sognante, riflessivo

Ideale per: design copertina libro

Morbido e sognante, come nebbia che si sposta attraverso una nebulosa lontana. Lo sfondo quasi bianco rende il lavanda arioso, mentre il viola profondo offre un colore forte per il titolo. Il teal va bene per piccoli motivi o etichette di serie senza togliere attenzione al testo principale. Abbina illustrazione minimale e mantieni il contrasto alto per una leggibilità thumbnail in libreria.

Esempio di immagine di misty nebula generato con media.io

14) Royal Lagoon

HEX: #003566 #00B4D8 #6F2DBD #CAF0F8 #03045E

Atmosfera: regale, pulito, ad alto impatto

Ideale per: branding squadra sportiva

Regale e ad alto impatto, come uno striscione di campionato sotto le luci dello stadio. Questa palette blu-verde-viola splende se punti sui blu reali profondi per uniformi e wordmark. Usa il ciano come rifinitura energetica e il viola come accento secondario per merchandising e grafica social. Abbina tipografia audace e condensata e mantieni la tinta chiara per sfondi respirabili nei layout digitali.

Esempio di immagine di royal lagoon generato con media.io

15) Ultraviolet Aquarium

HEX: #082F49 #0891B2 #7C3AED #D1FAE5 #0A0F1F

Atmosfera: profondo, acquatico, futuristico

Ideale per: interfaccia visualizzatore musicale

Profondo e futuristico, come un acquario illuminato da tubi ultravioletti. La base scura rende le animazioni vivide, mentre il colore evidenza menta evita un’interfaccia troppo pesante. Usa teal per elementi waveform e viola per marker di battuta o stati attivi. Abbina gradienti fluidi e testi in neutri ad alto contrasto per leggibilità.

Esempio di immagine di ultraviolet aquarium generato con media.io

16) Harbor Lilac

HEX: #1B4965 #5FA8D3 #62B6CB #CA7DF9 #F3F4F6

Atmosfera: costiero, luminoso, amichevole

Ideale per: design newsletter viaggio

Costiero e amichevole, come una mattina portuale luminosa con foschia lilla all'orizzonte. I blu chiari creano sezioni pulite per foto e titoli, mentre il viola aggiunge un tocco memorabile di branding. Usa teal per link e piccoli indicatori UI, mantenendo lo sfondo arioso e neutro. Abbina margini generosi e divisori semplici per rendere il layout facile da scansionare.

Esempio di immagine di harbor lilac generato con media.io

17) Aurora Sprint

HEX: #3A86FF #06D6A0 #8338EC #F1FAEE #1D3557

Atmosfera: sportivo, luminoso, motivante

Ideale per: ui app fitness

Sportivo e motivante, come una corsa mattutina sotto un cielo brillante e mutevole. Il verde fresco comunica subito progresso e successo, mentre il viola aggiunge personalità a distintivi e traguardi. Mantieni il bianco sporco per schermi con molti dati e usa il blu navy per testi e barre tab. Abbina grafici arrotondati e iconografia chiara per un tracciamento rapido e immediato.

Esempio di immagine di aurora sprint generato con media.io

18) Deep Sea Orchid

HEX: #001D3D #0077B6 #00A896 #9D4EDD #E9D8FD

Atmosfera: lussuoso, calmo, notturno

Ideale per: sezione hero sito spa

Lussuoso e calmo, come acque profonde illuminate da un morbido bagliore di orchidea. Il navy e il blu oceano creano serenità immediata, mentre il lavanda mantiene la mood delicata e non severa. Usa teal come accento discreto per link e segnali di fiducia e usa il lilla chiaro per overlay dietro i testi. Abbina headline serif eleganti e gradienti delicati per un effetto spa premium.

Esempio di immagine di deep sea orchid generato con media.io

19) Vaporwave Lagoon

HEX: #2D00F7 #00F5D4 #B517FF #FEEAFA #0B1320

Atmosfera: retro-futuristico, rumoroso, giocoso

Ideale per: banner promo social media

Retro-futuristico e giocoso, come un'insegna luminosa in una sala giochi a mezzanotte. Il teal neon e il viola attirano l’attenzione, quindi lasciali su un highlight rosa delicato invece di sovrapporli ovunque. Usa il blu-nero profondo per testi e logo per mantenere la leggibilità. Abbina pattern geometrici audaci e tieni la copia breve per massima efficacia nello scorrimento.

Esempio di immagine di vaporwave lagoon generato con media.io

20) Studio Spectrum

HEX: #114B9A #1AA6B7 #7C4DFF #F2F2F2 #22223B

Atmosfera: pulito, creativo, versatile

Ideale per: layout rivista editoriale

Pulito e creativo, come un set di studio con gel colorati e carta nitida. Queste combinazioni blu-verde-viola sono particolarmente versatili nei layout editoriali dove la gerarchia è importante. Usa il bianco sporco per comodità di lettura, mantieni il teal per evidenze e sidebar, e lascia il viola come titolo delle pagine di approfondimento. Abbina griglia robusta e una sola regola di accent per pagina per evitare rumore visivo.

Esempio di immagine di studio spectrum generato con media.io

21) Sage Eclipse

HEX: #1B3A57 #2A9D8F #6A4C93 #E9ECEF #0B0F1A

Atmosfera: intenso, solido, elegante

Ideale per: sito portfolio architetto

Intenso e solido, come un’eclissi su pietra e vetro calmi. Il grigio freddo dello sfondo mantiene i progetti ariosi, mentre teal e viola aggiungono tocchi sofisticati alle sezioni. Usa il tono più scuro per navigazione e didascalie per garantire contrasto sulle fotografie. Abbina tanto spazio bianco e animazioni contenute per una presentazione raffinata del portfolio.

Esempio di immagine di sage eclipse generato con media.io

22) Prism Haze

HEX: #00509D #34D399 #C084FC #FFF1F2 #1F2937

Atmosfera: luminoso, arioso, ottimista

Ideale per: illustrazione botanica acquerello

Luminoso e arioso, come luce solare che si rifrange attraverso un prisma morbido. Il bianco rosato aggiunge calore, mentre verde e viola donano modernità alle composizioni floreali, evitando il classico. Usa il carbone profondo solo per piccoli dettagli come steli, etichette o contorni. Abbina lavature delicate e tieni la saturazione un po’ irregolare per un effetto autentico acquerello.

Esempio di immagine di prism haze generato con media.io

Quali colori stanno bene con Blu Verde Viola?

Per un equilibrio moderno e pulito, abbina toni blu-verde-viola a neutrali freddi come bianco, bianco sporco, grigio chiaro e carbone. Questi aiutano a mantenere leggibilità nel contrasto e lasciano teal e viola come accent “eroi”.

Se vuoi un contrasto più caldo, prova beige soft, crema, blush o sabbia chiara—questi neutri caldi riducono l’effetto “ghiaccio” e rendono la palette più adatta a brand lifestyle.

Per maggiore impatto, usa solo un accent brillante (come giallo limone, corallo o rosa acceso). Mantenere l’accent limitato evita che la palette diventi caotica, soprattutto nei sistemi UI.

Come usare una palette Blu Verde Viola in progetti reali

Inizia con i ruoli: scegli una base scura (blu navy/inchiostro) per la struttura, un blu medio per le azioni primarie, il verde acqua per gli stati secondari e il viola per gli elementi in evidenza come badge, prezzi in risalto o funzionalità chiave. Questo crea una gerarchia prevedibile tra le schermate.

Nella stampa e nell'identità del marchio, lascia che una tonalità guidi (spesso il blu), poi usa il verde acqua come supporto "fresco" e il viola come firma. Questo mantiene loghi e layout riconoscibili anche quando non puoi usare tutti i colori contemporaneamente.

Per i gradienti, sfuma dal blu al verde acqua per un movimento calmo e dal verde acqua al viola per più energia. Mantieni gli sfondi delicati e riserva le sfumature più sature alle hero areas, ai poster e alle promozioni sui social.

Crea visual di palette Blu Verde Viola con l’AI

Se hai già dei codici HEX, puoi generare rapidamente dei mockup coerenti con il marchio descrivendo il layout (poster, schermata app, packaging) e l’atmosfera (calma, lucida, futuristica). Questo ti aiuta a valutare come i colori funzionano nelle composizioni reali, non solo come campioni.

Con il flusso di lavoro da testo a immagine di Media.io, puoi iterare rapidamente: prova diversi formati, cambia uno sfondo neutro o aumenta la saturazione di verde acqua/viola finché il contrasto non risulta adatto per accessibilità e marketing.

Usa il nome della palette come ancora stilistica (per coerenza) e aggiungi un soggetto chiaro (dashboard, volantino, pubblicità prodotto) così che l'AI sappia cosa progettare.

Prossimo: Palette Colore Bronzo