Le 20 migliori palette di blu: combinazioni, codici hex e consigli d’uso

Il blu è uno dei colori più versatili nel design, spaziando da un'autorità blu navy profonda fino alla calma eterea dell'azzurro cielo.

Di seguito troverai 20 idee di palette blu selezionate con codici HEX, oltre a suggerimenti pratici per abbinamenti in UI, branding e stampa.

Perché le palette blu funzionano così bene

Il blu è fortemente associato alla fiducia, chiarezza e stabilità, per questo viene usato così spesso in finanza, tecnologia, sanità e branding aziendale. Trasmette professionalità senza risultare severo.

Dal punto di vista dell’usabilità, il blu funziona bene anche nei sistemi UI perché crea una gerarchia chiara tra stati (link, tab selezionate, pulsanti primari) e rimane leggibile sia su sfondo chiaro che scuro.

Altrettanto importante, il blu offre una gamma tonale enorme. Si può portare verso il caldo (denim, zaffiro), il freddo (artico, ghiacciaio), il neutro (ardesia) o l’elettrico (neon) mantenendo sempre un aspetto coerente.

Più di 20 idee di palette di colori blu (con codici HEX)

1) Porto di Mezzanotte

HEX: #0B1D39 #123A63 #2F5D8A #9CC7E6 #F2E9DA

Mood: lunatico, nautico, sicuro

Ideale per: branding finanziario ed header web premium

Le tonalità portuali blu cupo ricordano acque profonde sotto le luci della città, costanti e affidabili. Usa il navy come ancora e lascia che il blu cielo tenue gestisca sfondi e layout spaziosi. La sabbia calda aggiunge un tocco umano discreto su call to action, badge o evidenziazioni di prezzo. Mantieni alto il contrasto per l’accessibilità e riserva il blu più chiaro per grafici e stati chiave.

Esempio immagine di porto di mezzanotte generata con media.io

Media.io

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

Provalo ora gratis

2) Brezza Costiera

HEX: #0E4D92 #1E88E5 #79C7FF #E8F6FF #FFD2A6

Mood: fresca, ariosa, ottimista

Ideale per: annunci viaggio e grafiche social estive

Le tonalità fresche della costa evocano cieli limpidi, aria salmastra e acque illuminate dal sole. Abbina l’azzurro vivace alla tinta ghiacciata tenue per mantenere il testo leggibile conservando un’atmosfera solare. Il pesca funziona meglio come piccolo accento per pulsanti o tag sconto. Per un look curato, usa il blu medio per i titoli e la sfumatura più chiara per ampio spazio negativo.

Esempio immagine di brezza costiera generato con media.io

3) Officina Denim

HEX: #1D3557 #2C6CB0 #6EA8DA #EAF2F8 #C8A27A

Mood: casual, artigianale, affidabile

Ideale per: pagine prodotto ecommerce e lifestyle brand

I blu denim informali trasmettono un senso vissuto e affidabile, come una giacca ben amata. Usa la tonalità più scura per la navigazione e la cipria per gli sfondi, mantenendo le pagine leggere. L’accento beige aggiunge un tocco artigianale per prezzi o piccole icone. Bilancia le foto con tanto spazio bianco sporco in modo che il blu non sovrasti le immagini dei prodotti.

Esempio immagine di officina denim generato con media.io

4) Calma Glaciale

HEX: #0D2B45 #1C77C3 #39A9DB #BEE9E8 #F7F9FB

Mood: pulita, nitida, rilassante

Ideale per: app benessere e branding spa

Le tonalità glaciale nitide evocano aria fredda, acque limpide e una mente serena. Lascia quasi il bianco dietro i blocchi di contenuto e sovrapponi i blu più vivaci per progressi, tab e metriche chiave. Quando serve una palette blu calmante ma moderna, mantieni i gradienti sottili e affidati al celeste teal tenue per morbidezza. Abbina a icone linea grigio chiaro e tanto spazio per mantenere la calma.

Esempio immagine di calma glaciale generata con media.io

5) Inchiostro Reale

HEX: #0B132B #1C2541 #3A506B #5BC0BE #F3C969

Mood: regale, drammatico, raffinato

Ideale per: branding eventi e packaging premium

Le tonalità inchiostro regale ricordano tende di velluto e insegne sotto i riflettori. Usa il navy più scuro come sfondo e lascia al teal la valorizzazione di elementi chiave come etichette e sigilli. Il dorato caldo è perfetto a piccole dosi per dettagli foil o livelli di prezzo premium. Per il packaging, usa caratteri in grassetto ed evita linee troppo sottili sul fondo scuro.

Esempio immagine di inchiostro reale generato con media.io

6) Skyline Tempestoso

HEX: #0F172A #334155 #3B82F6 #93C5FD #E2E8F0

Mood: moderno, urbano, focalizzato

Ideale per: dashboard saas e report dati

Toni grigi tempesta urbana ricordano torri di vetro sotto una nuvola in transito, taglienti ed efficienti. Usa ardesia e navy per la struttura, quindi aggiungi il blu vivido per azioni principali e stati selezionati. Gli azzurri chiari e il grigio fresco alleggeriscono tabelle e grafici. Se il dashboard è denso, limita il blu brillante ad uno o due componenti chiave per mantenere la gerarchia.

Esempio immagine di skyline tempestoso generata con media.io

7) Marea Neon

HEX: #001220 #0A4DFF #00D1FF #7C3AED #F8FAFC

Mood: elettrica, futuristica, giocosa

Ideale per: overlay gaming e poster lancio tech

I colori della marea elettrica sono come riflessi al neon sul selciato bagnato di notte. Queste combinazioni blu brillano in modalità scura, soprattutto se il bianco è riservato a testo e UI. Il viola aggiunge profondità per azioni secondarie, il ciano evidenzia stati attivi o hover. Mantieni gradienti compatti ed evita di usare tutti i colori accesi insieme per non creare confusione visiva.

Esempio immagine di marea neon generata con media.io

8) Nido Cipria

HEX: #2B4C7E #7AA7D9 #CFE6FF #FFF7F0 #F6C4D2

Mood: morbido, delicato, rassicurante

Ideale per: inviti baby shower e blog di famiglia

Le tonalità cipria delicate evocano coperte a maglia, luce mattutina e ninne nanne silenziose. Usa il blu più profondo per i titoli così la base pastello resta ariosa e leggibile. Crema e rosa sono un abbinamento dolce per bordi, icone o piccole illustrazioni. Negli inviti, mantieni il layout minimale e lascia che l’azzurro chiaro occupi la maggioranza dello sfondo.

Esempio immagine di nido cipria generato con media.io

9) UI Artica

HEX: #0A2540 #1D4ED8 #60A5FA #E0F2FE #F1F5F9

Mood: elegante, precisa, high-tech

Ideale per: app produttività e ui fintech

Le sfumature artiche eleganti ricordano vetro pulito e tipografia nitida. Usa il navy per la navigazione, affidati ai blu vivaci per stati interattivi e avvisi. I toni pallidi creano pannelli ariosi perfetti per contenuti ricchi. Una buona regola è mantenere coerenti i pulsanti primari nel blu reale e usare il blu più chiaro solo per enfasi leggere.

Esempio di immagine dell'interfaccia artica generata con media.io

10) Sapphire Serif

HEX: #0B2E4A #0F4C81 #2C7BE5 #A8D1FF #FFF4E6

Mood: editoriale, sicuro, raffinato

Ideale per: layout rivista e siti thought-leadership

Le tonalità raffinate di zaffiro ricordano l'inchiostro su carta texturizzata con un tocco moderno. Usa la tonalità più scura per testate e citazioni, poi il blu brillante per link e segnalazioni. La crema morbida riscalda il layout senza attenuare l'atmosfera fresca. Per letture lunghe, mantieni il testo quasi nero e usa il blu pallido per divisori di sezione e sidebar.

Esempio di immagine sapphire serif generata con media.io

11) Lakehouse Morning

HEX: #12355B #2D6A9F #7FB7D7 #D9EEF9 #EADBC8

Mood: rilassato, amichevole, naturale

Ideale per: siti hospitality e affitti cabine

Colori rilassati da lakehouse ricordano acqua calma, legno consumato e nebbia soffusa. Usa il blu medio per i pulsanti e la tonalità chiara per grandi sezioni di sfondo. Il beige caldo si abbina bene alle foto lifestyle e aggiunge comfort al layout. Per le intestazioni, prova una sovrapposizione sottile con il blu più scuro a bassa opacità per mantenere il testo leggibile sopra le immagini.

Esempio di immagine lakehouse morning generata con media.io

12) Space Cadet

HEX: #050A30 #0B2D9A #2B59C3 #7BAAF7 #F5F7FF

Mood: audace, cosmico, avventuroso

Ideale per: poster scientifici e contenuti educativi

Le tonalità cosmiche di blu evocano mappe stellari, pannelli di razzi e luci di telemetria brillanti. Usa la tonalità più scura come base notturna, poi sovrapponi blu mediani per forme, diagrammi e punti dati. Il pervinca chiaro è perfetto per griglie sottili o linee di costellazione. Aggiungi spazio bianco in abbondanza affinché la palette resti nitida e non pesante.

Esempio di immagine space cadet generata con media.io

13) Ocean Glass

HEX: #083344 #0E7490 #22D3EE #A5F3FC #ECFEFF

Mood: luminoso, acquatico, pulito

Ideale per: marchi acqua e etichette skincare

Le tonalità di vetro acquatiche ricordano la luce solare che attraversa acqua limpida, scintillante e pulita. Usa il blu teal profondo per il testo forte e lascia che le tonalità glaciali siano protagoniste negli sfondi. Il ciano vivace è perfetto come segnale di freschezza su icone, sigilli o ingredienti. Sulle etichette, mantieni il contrasto netto e i margini ampi per un look premium.

Esempio di immagine ocean glass generata con media.io

14) Blue Spruce

HEX: #0B3C49 #0F766E #2A9D8F #8ECAE6 #F1FAEE

Mood: avventuroso, radicato, rinfrescante

Ideale per: marchi eco e newsletter natura

Le tonalità radicate di abete blu evocano aria di montagna, ombra di sempreverde e ruscelli chiari. I blu tendenti al teal si abbinano magnificamente a texture naturali come carta riciclata e finiture opache. Usa il tono cielo chiaro per gli sfondi e mantiene i verdi come accenti secondari per evitare un effetto troppo tropicale. Un tocco di aqua brillante guida l’occhio verso i pulsanti di iscrizione o dati chiave.

Esempio di immagine blue spruce generata con media.io

15) Vintage Postcard

HEX: #1F3A5F #4D7EA8 #A1C6EA #F2EFEA #C9B29B

Mood: nostalgico, caldo, ispirato al viaggio

Ideale per: stationery matrimonio e blog boutique

Le tonalità blu da cartolina vintage evocano fascino solare e la bellezza di un messaggio trovato in un cassetto. Usa il blu medio polveroso per bordi e intestazioni per mantenere il carattere vintage. Crema e taupe aggiungono morbidezza che si abbina bene alla tipografia serif e foto stile pellicola. Per la stationery, usa una texture carta sottile e mantieni gli elementi accent minimali.

Esempio di immagine vintage postcard generata con media.io

16) Blueprint Studio

HEX: #071A52 #0B4F9E #1E96FC #B3D9FF #F8FAFC

Mood: tecnico, intelligente, energico

Ideale per: portfolio architettura e documentazioni prodotto

Le tonalità blueprint tecniche suggeriscono linee pulite, griglie misurate e pianificazione sicura. Questa combinazione di blu funziona meglio con linee sottili, spaziatura chiara e una gerarchia disciplinata. Usa il blu più brillante per link e annotazioni chiave, mentre la tonalità pallida supporta diagrammi e blocchi di codice. Mantieni il testo scuro e lascia che siano i blu a segnalare, non a leggere.

Esempio di immagine blueprint studio generata con media.io

17) Indigo Velvet

HEX: #1B0B3A #2D1E6B #3F37C9 #A29BFE #F6F2FF

Mood: lussuoso, creativo, drammatico

Ideale per: branding beauty e artwork album

Gli indigo vellutati ricordano luci teatrali e tessuto ricco, audaci senza essere rumorosi. Usa il navy viola più scuro per sfondi e lascia che l’indigo brillante venga usato per pulsanti principali o titoli. La tonalità lavanda addolcisce le aree ampie e mantiene il design elegante. Per il packaging beauty, abbina dettagli metallici e tieni la fotografia ad alto contrasto.

Esempio di immagine indigo velvet generata con media.io

18) Rainy Day Minimal

HEX: #0F172A #1E293B #475569 #94A3B8 #E2E8F0

Mood: minimale, tranquillo, professionale

Ideale per: siti curriculum e template aziendali

Le tonalità silenziose da giorno piovoso ricordano luce diffusa e cemento pulito, calme e pratiche. Usa la tonalità più scura per intestazioni e titoli principali, con grigi medi per testi secondari e divisori. Lo sfondo grigio-blu chiaro separa le sezioni senza box pesanti. Per un look moderno, abbina solo un accento brillante quando serve un chiaro punto focale.

Esempio di immagine rainy day minimal generata con media.io

19) Cerulean Sport

HEX: #001F54 #0A6CF1 #16C3FF #DFF6FF #FFB703

Mood: energico, sportivo, alto-contrasto

Ideale per: pubblicità fitness e flyer eventi

I toni energici di cerulean ricordano luci da stadio e movimento veloce. Usa il blu brillante e il ciano per tipografia audace, banner e forme dinamiche. L’accento giallo-arancio è perfetto per countdown, prezzi o call-to-action chiave. Se crei combinazioni blu audaci, mantieni il navy di base ampio e lascia che l’accento caldo appaia in sprazzi brevi e incisivi.

Esempio di immagine cerulean sport generata con media.io

20) Dusk to Dawn

HEX: #0B1026 #1F3C88 #4B88FF #9AD7FF #FFE8D6

Mood: sognante, cinematografico, positivo

Ideale per: schermate onboarding app e sezioni hero

Le tonalità cinematografiche dusk-to-dawn evocano un orizzonte che passa dalla notte alla prima luce. Usa la base profonda per aree hero immersive, poi lascia che i blu più brillanti guidino lo sguardo attraverso passi e highlights. La pesca morbida riscalda la palette e si abbina bene alle illustrazioni amichevoli. Per l’onboarding, mantieni il testo breve e usa il blu più chiaro per pannelli spaziosi e segnali di avanzamento delicati.

Esempio di immagine dusk to dawn generata con media.io

Quali colori stanno bene con il blu?

Il blu si abbina bene a neutri come bianco, carbone e grigi freschi per UI moderne e layout editoriali. Queste combinazioni mantengono il contrasto prevedibile e aiutano il blu a risultare intenzionale invece che dominante.

Per calore, aggiungi sabbia, crema, beige o pesca morbida per bilanciare i toni blu freddi. Questo è un approccio comune nel branding perché mantiene la palette accogliente ma affidabile.

Se vuoi energia, prova accenti molto contrastanti come giallo, oro o arancio in piccole dosi. Nei design dark-mode, ciano e viola possono anche dare un tocco futuristico senza rompere l’armonia.

Come usare una palette blu nei progetti reali

Inizia assegnando ruoli: un blu scuro per struttura (navigazione, intestazioni), un blu medio per azioni primarie e una tonalità chiara per superfici e sezioni. Questo mantiene il sistema coerente su pagine e componenti.

In stampa, controlla densità e leggibilità dell’inchiostro—i blu navy profondi possono divorare testo fine se troppo sottile. Usa bianchi sporchi o carta calda per ridurre il contrasto e mantenere il design premium.

Per l’accessibilità, verifica il contrasto di testo e stati interattivi, soprattutto quando usi blu pallidi su bianco. Riserva il blu più brillante alle azioni più importanti per mantenere la gerarchia chiara.

Crea visual palette blu con l’IA

Se hai già i codici HEX, puoi generare rapidamente mockup, poster, packaging e scene UI che corrispondono alla tua palette. Questo aiuta a validare mood e contrasto prima di impegnarti in un design completo.

Prova a descrivere il layout (sezione hero, flyer, dashboard), poi specifica il tuo stile (vettoriale flat, scatto studio, minimalista) e riusa la stessa struttura dei prompt per mantenere gli output coerenti.

Con Media.io, puoi iterare velocemente—cambiare accenti, testare dark mode o esplorare diverse tonalità di blu mantenendo la direzione del brand intatta.

Successivo: Palette Colori Giallo Grigio