Le 23 migliori palette di colori ceruleo con codici HEX

Il blu ceruleo si trova nel perfetto equilibrio tra calma e sicurezza: abbastanza freddo per trasmettere chiarezza, ma abbastanza brillante per un’energia moderna. È una scelta preferita per i brand che desiderano trasmettere fiducia, freschezza e uno stile digitale pulito.

Di seguito trovi oltre 20 idee di palette di colori blu ceruleo (con codici HEX) che puoi usare per UI, stampa, packaging e branding—oltre a suggerimenti pratici per gli abbinamenti e prompt di esempio per l’AI.

Perché le combinazioni con il blu ceruleo funzionano così bene

Il blu ceruleo trasmette chiarezza, capacità e approccio amichevole—rendendolo un solido colore di ancoraggio per interfacce e sistemi di brand. È sufficientemente brillante da sembrare contemporaneo, ma rimane nella famiglia dei "blu affidabili" che gli utenti associano intuitivamente alla sicurezza.

Poiché il ceruleo ha una nota ciano evidente, si abbina facilmente a tinte leggere per layout ariosi con molto spazio bianco e a blu navy intensi per Call To Action ad alto contrasto. Questa flessibilità aiuta a costruire gerarchie senza dover ricorrere a molte tonalità aggiuntive.

Nella stampa e nel packaging, il ceruleo ha un aspetto premium sulle carte non patinate e risulta nitido sulle finiture patinate. Quando bilanciato con accenti caldi o neutri terrosi, evita di apparire troppo sportivo o freddo.

Oltre 20 idee di palette blu ceruleo (con codici HEX)

1) Ocean Glass

HEX: #1f7acb #7ad7ff #c9f2ff #f6f2ea #14324a

Mood: arioso e rinfrescante

Ottimo per: landing page benessere e branding per spa

Arioso e rinfrescante, ricorda l’acqua del mare illuminata dal sole sopra la sabbia chiara. Questa palette blu ceruleo funziona meglio con molto spazio bianco e una tipografia morbida per un tono pulito e rilassante. Abbina il blu navy scuro all’azzurro ghiaccio per intestazioni e pulsanti ben leggibili. Suggerimento: riserva la tonalità più scura per testo e Call To Action, così i toni chiari restano leggeri.

Esempio immagine ocean glass generata con media.io

Media.io

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

Provalo Ora Gratis

2) Coastal Linen

HEX: #2b6fd6 #a9d7ff #f4efe6 #d7c7b3 #2a2f3a

Mood: rilassato e riscaldato dal sole

Ottimo per: packaging lifestyle e etichette di boutique

Rilassata e scaldata dal sole, questa combinazione di blu ceruleo evoca camicie di lino, legno portato dal mare e cieli costieri luminosi. I neutri sabbiosi ammorbidiscono il blu, dando una sensazione premium invece che sportiva. Abbina il carbone con la crema lino per pannelli ingredienti leggibili e codici a barre. Suggerimento: stampa il blu principale come colore spot su carta non patinata per un finish artigianale e di qualità.

Esempio immagine coastal linen generata con media.io

3) Electric Harbor

HEX: #0b63ff #22b7ff #00e0b8 #0d1b2a #f5fbff

Mood: energico e ad alto contrasto

Ottimo per: branding per startup e schermate splash app

Energica e ad alto contrasto, la combinazione con blu ceruleo e blu intenso ricorda i riflessi al neon sull’acqua di notte. I blu vivaci spiccano di più quando il navy profondo è usato come base principale. Abbina l’acqua e il teal come accenti secondari per highlights, toggle e micro-interazioni. Suggerimento: mantieni i gradienti discreti così la palette resta nitida e non caotica.

Esempio immagine electric harbor generata con media.io

4) Skyline Minimal

HEX: #2a7fdb #6fb5ff #e9f4ff #ffffff #374151

Mood: pulita e contemporanea

Ottimo per: dashboard SaaS e report dati

Pulita e contemporanea, ricorda un orizzonte mattutino nitido sotto un cielo blu chiaro. Le tinte morbide impediscono a grafici e tabelle di risultare pesanti mentre il grigio ardesia ancora la gerarchia. Abbina il blu medio e l’ardesia per le azioni principali e i metrici chiave. Suggerimento: usa il blu più pallido come sfondo per le card così da separare le sezioni senza aggiungere bordi.

Esempio immagine skyline minimal generata con media.io

5) Citrus Splash

HEX: #1e78d1 #8ed6ff #ffe45e #ff7a59 #1a2433

Mood: giocosa e vivace

Ottimo per: poster evento e inserzioni social

Giocosa e allegra, ricorda l’acqua di una piscina spruzzata con limone e pompelmo. Queste combinazioni di blu ceruleo brillano in layout audaci dove accenti caldi catturano l’attenzione. Abbina il giallo per highlights e il corallo per richiami rapidi e incisivi. Suggerimento: riserva il blu inchiostro per i testi così gli accenti restano leggibili a colpo d’occhio.

Esempio immagine citrus splash generata con media.io

6) Nordic Lake

HEX: #2b74c8 #5aa9e6 #cfe9f7 #c7d3dd #1f2937

Mood: fredda e discreta

Ottimo per: presentazioni aziendali e report annuali

Fredda e discreta, questa palette blu ceruleo ricorda un lago tranquillo sotto una luce coperta dalle nuvole. I mezzitoni desaturati mantengono le slide professionali e rilassate. Abbina il grigio scuro e il blu principale per titoli, divisori e icone. Suggerimento: scegli grafici a linee sottili e lascia che sia la palette a fare il lavoro invece di riempimenti pesanti.

Esempio immagine nordic lake generata con media.io

7) Retro Poolside

HEX: #2a7bd1 #43c6f9 #f7f3e8 #f2b3c7 #2f2a36

Mood: nostalgica e solare

Ottimo per: grafiche campagna estiva e merchandising

Nostalgica e solare, la combinazione blu ceruleo richiama le piastrelle retrò delle piscine, asciugamani pastello e la luce del tardo pomeriggio. Il rosa blush aggiunge un tocco giocoso che evita che i blu risultino troppo aziendali. Usa il color crema come base e il prugna scuro per testo e contorni. Suggerimento: usa texture a mezzi toni con moderazione per mantenere la sensazione vintage e nitida.

Esempio immagine retro poolside generata con media.io

8) Denim Workshop

HEX: #2f6fbe #5f8fd6 #a9c5ea #f2f2ef #2b2b2b

Mood: pratica e solida

Ottimo per: blog fai-da-te e identità per brand artigiani

Pratica e solida, evoca il denim consumato, strumenti puliti e un luminoso banco di lavoro. I blu sfumati danno facilmente gerarchia a titoli, pulsanti e barre laterali. Usa il bianco sporco come sfondo principale e quasi-nero per i testi. Suggerimento: mantieni le icone in un solo tono di blu per evitare un’interfaccia caotica.

Esempio immagine denim workshop generata con media.io

9) Solar Horizon

HEX: #1c7ed6 #90d5ff #ffb703 #fb8500 #0b1320

Mood: audace e ottimista

Ottimo per: annunci di viaggio e banner turistici

Audace e ottimista, questa combinazione di colori blu ceruleo ricorda un cielo luminoso che incontra un orizzonte dorato. Gli arancioni caldi aggiungono energia immediata senza sovrastare la base blu. Abbina il blu notte intenso per il testo e lascia che il giallo serva come colore di accento per i prezzi o badge. Suggerimento d'uso: limita l'arancione a uno o due elementi per layout per un aspetto pulito e raffinato.

Esempio di immagine di orizzonte solare generato con media.io

10) Molo Nuvoloso

HEX: #2a76c4 #7fb7e6 #d9e7f2 #b8c4cc #2c3e50

Mood: tranquillo e riflessivo

Ottimo per: layout editoriali e blog approfonditi

Tranquillo e riflessivo, il mix di blu ceruleo richiama nebbia, legno consumato e onde morbide sotto nuvole grigie. I blu attenuati rendono facili da leggere le pagine lunghe. Abbina ardesia e blu intenso per titoli e citazioni, con toni pallidi per separare le sezioni. Suggerimento d'uso: usa un solo blu d'accento per i link in modo che il flusso di lettura rimanga costante.

Esempio di immagine di molo nuvoloso generato con media.io

11) Marina alla Menta

HEX: #1f80d0 #79d2ff #7cf2c9 #eafff7 #203040

Mood: fresco e moderno

Ottimo per: app fintech e schermate di onboarding

Fresco e moderno, sembra di respirare aria pulita di marina con una brezza alla menta. L'accento verde-azzurro aggiunge un colore segnale amichevole per stati di successo e indicatori di progresso. Usa il quasi bianco come sfondo e il blu intenso per navigazione ed etichette chiave. Suggerimento d'uso: usa il verde acqua solo per le conferme, così resta significativo.

Esempio di immagine di marina alla menta generato con media.io

12) Vela Notturna

HEX: #1b6fbf #5fb7ff #0b1a2a #1d2d44 #f3f7ff

Mood: elegante e cinematografico

Ottimo per: branding tech di lusso e sezioni hero

Elegante e cinematografico, questa combinazione di blu ceruleo ricorda una barca a vela che attraversa acque scure illuminate dalla luna. I blu quasi neri rendono gli accenti cerulei brillanti e controllati. Abbina la tonalità più chiara per bagliori e separatori sottili invece che come sfondo. Suggerimento d'uso: confina i gradienti alle aree hero così il resto del sito rimane nitido.

Esempio di immagine di vela notturna generato con media.io

13) Blu Atelier d’Artista

HEX: #2478d4 #9ad8ff #f8f1e7 #e07a5f #2f3a4a

Mood: creativo e accogliente

Ottimo per: siti portfolio e curriculum creativi

Creativo e accogliente, ricorda acqua di pennello, argilla calda e texture di carta. Questa palette di blu ceruleo bilancia chiarezza e personalità quando servono professionalità e fascino. Abbina l'accento terracotta al blu principale per progetti in evidenza e pulsanti. Suggerimento d'uso: limita l'accento a piccole aree come tag per evitare punti focali in competizione.

Esempio di immagine di blu atelier generato con media.io

14) Spuma Marina Calmante

HEX: #2b7cd3 #70c6ff #bff7ef #f7fffd #2a3d4f

Mood: rilassante e pulito

Ottimo per: UI sanità e app di meditazione

Rilassante e pulito, richiama la spuma marina che ondeggia su una spiaggia tranquilla. I verdi pallidi ammorbidiscono i blu e funzionano bene per stati di avanzamento delicati e sfondi calmanti. Abbina l'ardesia blu profonda con il ceruleo brillante per un contrasto accessibile nella navigazione. Suggerimento d'uso: usa la tinta più chiara dietro i campi modulo per ridurre lo stress visivo.

Esempio di immagine di spuma marina calmante generato con media.io

15) Latte ai Mirtilli

HEX: #2a74d9 #a6c8ff #f7f7ff #e9d8ff #2b2d42

Mood: morbido e sognante

Ottimo per: marchi beauty e packaging skincare

Morbido e sognante, sembra latte ai mirtilli con una spirale di lavanda. Il violetto chiaro aggiunge una nota delicata e giovanile ma curata. Abbina l’inchiostro scuro per il testo degli ingredienti e il blu medio per loghi o marchi. Suggerimento d'uso: emboss il logo nel tono più chiaro per un effetto elegante tono su tono.

Esempio di immagine di latte ai mirtilli generato con media.io

16) Laguna Tech

HEX: #1a7fd6 #24c3ff #00d4a6 #eef9ff #102030

Mood: futuristico e nitido

Ottimo per: strumenti per sviluppatori e siti di documentazione

Futuristico e nitido, queste tonalità cerulee sembrano una laguna illuminata dai LED. L'accento verde-teal è perfetto per stati di successo, evidenziazioni nel codice e badge di stato. Usa l’inchiostro scuro per la navigazione e il blu chiaro per superfici di contenuto. Suggerimento d'uso: usa il ciano più luminoso solo come highlight, così resta d’impatto.

Esempio di immagine di laguna tech generato con media.io

17) Barriera Corallina Pop

HEX: #1e76cf #6fd0ff #ff5a5f #ffd166 #0b2239

Mood: vivace e giovanile

Ottimo per: lanci di prodotto e banner promozionali

Vivace e giovanile, ricorda le barriere coralline con pesci colorati che guizzano tra le acque blu. Queste combinazioni cerulee sono pensate per alta visibilità, soprattutto in pubblicità e pagine di lancio. Abbina il corallo per dare enfasi primaria e il giallo per highlight secondari come badge o timer. Suggerimento d'uso: lascia gli sfondi molto chiari o scuri così gli accenti caldi restano leggibili.

Esempio di immagine di barriera corallina generato con media.io

18) Costa Granitica

HEX: #2b73c7 #8dc6ff #e6eef5 #8b98a5 #1b2631

Mood: stabile e affidabile

Ottimo per: siti assicurativi e branding B2B

Stabile e affidabile, il mix di blu ceruleo ricorda scogliere di granito, spruzzi freschi e cieli color acciaio. I grigi rendono il blu affidabile, ideale per brand orientati al servizio. Abbina il blu medio per CTA e usa l'ardesia scura per titoli e navigazione. Suggerimento d'uso: usa il grigio-azzurro chiaro per grandi pannelli di contenuto per mantenere il layout organizzato.

Esempio di immagine di costa granitica generato con media.io

19) Ceruleo Invernale

HEX: #2a79d2 #b7dcff #f7fbff #d6e4f0 #25324a

Mood: nitido e sereno

Ottimo per: newsletter festive e campagne invernali

Nitido e sereno, sembra neve fresca sotto un cielo freddo e limpido. I quasi-bianchi rendono i layout ariosi mentre il blu intenso aggiunge struttura a titoli e pulsanti. Abbina la media tonalità ghiacciata all’antracite blu per testi leggibili su sfondi chiari. Suggerimento d'uso: aggiungi delicati granuli effetto neve solo in piccole aree per mantenere il design pulito.

Esempio di immagine di ceruleo invernale generato con media.io

20) Surf da Festival

HEX: #1d7edb #62d0ff #7c4dff #ff3d81 #0a1a2b

Mood: audace ed elettrico

Ottimo per: volantini musicali e promo nightlife

Audace ed elettrico, questa combinazione di blu ceruleo ricorda luci da palco che rimbalzano su onde notturne. Il violetto e il rosa acceso spingono i blu verso un mix energetico da club. Queste combinazioni funzionano al meglio con testi grandi, forte contrasto e dettagli minimi. Suggerimento d’uso: imposta lo sfondo in blu notte e lascia che i neon determinino la gerarchia.

Esempio di immagine di surf da festival generato con media.io

21) Porto all’Albicocca

HEX: #2477c9 #9ad3ff #fff1e6 #f7a072 #2b3340

Mood: caldo e accogliente

Ottimo per: menù caffè e visual food branding

Caldo e accogliente, evoca pasticcini all’albicocca vicino a una finestra luminosa e una porta marina dipinta di blu. La soffice crema rende i blu più accessibili, mentre l'accento albicocca stimola l’appetito. Abbina il grigio scuro per il testo e usa l’arancione per prezzi o elementi in evidenza. Suggerimento: mantieni le foto neutre così la palette resta protagonista.

Esempio di immagine di porto all’albicocca generato con media.io

22) Inchiostro e Ghiaccio

HEX: #1a73c8 #74c0ff #e6f3ff #f9fbff #111827

Mood: deciso e professionale

Ottimo per: servizi legali e siti finanziari

Deciso e professionale, ricorda l’inchiostro su carta fresca con un accento blu freddo. La gamma contenuta mantiene una sensazione seria ma moderna. Usa l’inchiostro più scuro per navigazione e titoli, e il blu medio solo per elementi azionabili. Suggerimento d’uso: mantieni le icone a linea nel blu medio per coerenza visiva.

Esempio di immagine di inchiostro e ghiaccio generato con media.io

23) Peachy Blueprint

HEX: #2b7ad8 #b6dcff #fff7f2 #ffb4a2 #2a2e36

Mood: amichevole e strutturato

Ottimo per: creatori di corsi e slide educative

Amichevole e strutturato, suggerisce linee nette di un progetto alleggerite da una nota pesca. Le tonalità chiare mantengono il contenuto leggibile anche durante lezioni lunghe e nei modelli. Abbina il blu principale per diagrammi e intestazioni di sezioni, e usa la pesca per richiami o definizioni chiave. Suggerimento d’uso: riserva la tonalità più scura per i titoli così ogni slide rimane coerente.

Esempio di immagine di progetto pesca generato con media.io

Quali colori si abbinano bene al blu ceruleo?

Il blu ceruleo si abbina naturalmente ai neutri nitidi come bianco, bianco sporco e grigi freddi quando si vuole un’interfaccia moderna e pulita. Per un contrasto più profondo, carbone e blu notte aiutano gli accenti cerulei a sembrare più nitidi e di classe.

Per renderlo più caldo, usa pesca, albicocca, corallo o giallo dorato—queste tonalità siedono opposte alla freschezza del ceruleo e creano punti focali immediati per CTA, badge e evidenziazioni. Mantieni gli accenti caldi limitati così la palette rimane controllata.

Per un effetto “tech” fresco, aggiungi menta o teal come accento secondario. Funziona bene per colori di stato (successo, progresso) finché mantieni la coerenza del significato in tutto il sistema.

Come utilizzare una palette di blu ceruleo nei progetti reali

Inizia assegnando ruoli: scegli un ceruleo come colore principale del brand/azione, un inchiostro scuro per testo/navigazione e una tonalità molto chiara per le superfici. Questo previene che “troppi blu” appiattiscano la gerarchia.

Per l’accessibilità, riserva la tonalità più scura per il testo principale e i controlli UI essenziali, e testa il contrasto sugli sfondi più chiari. La luminosità del ceruleo può sembrare più chiara di quanto misurata, quindi verifica testo dei pulsanti e stati dei link.

In stampa, evita di usare troppo blu ceruleo saturo nei riempimenti grandi, a meno che tu sia sicuro del supporto e della finitura. Usare il ceruleo come evidenziazione spot (loghi, bordi, etichette chiave) spesso appare più raffinato e coerente.

Crea visualizzazioni di palette blu ceruleo con l’AI

Se vuoi vedere in anteprima come appaiono le combinazioni di blu ceruleo in layout reali, genera mockup rapidi dai prompt—sezioni hero, packaging, dashboard, flyer e altro. Questo aiuta a validare contrasto, atmosfera ed equilibrio degli accenti prima di progettare.

Con gli strumenti di testo-immagine di Media.io puoi iterare velocemente: prova a cambiare un accento (corallo vs. albicocca), modificare la base (bianco vs. blu notte), o regolare lo stile (minimal vs. retrò) mantenendo la stessa base HEX.

Usa i prompt inclusi sotto ogni palette come punto di partenza, poi personalizza il soggetto (il tuo prodotto, settore, tipo di layout) per adattarlo al tuo brand.

Prossimo: Palette Colori Arabian Nights