Ultramarine Blue: 20 Abbinamenti Colore con Codici Hex

L'ultramarine è un blu intenso e vivace che trasmette immediatamente sicurezza, maestria e modernità raffinata. Può risultare regale e drammatico, oppure pulito e minimale, a seconda degli accenti che si scelgono di abbinare.

Di seguito trovi 20 idee pronte all'uso per palette colori blu ultramarine con codici HEX, oltre a consigli pratici per applicarle in branding, UI e stampa.

Perché le palette Ultramarine Blue funzionano così bene

L’ultramarine sta nel perfetto punto d’incontro tra classico e contemporaneo: abbastanza saturo da sembrare premium, ma abbastanza pulito per interfacce moderne. Questo lo rende un colore di base affidabile, dagli hero section fino al packaging.

Si abbina naturalmente sia con accenti caldi che freddi. Aggiungi oro, crema e terracotta per un tocco lussuoso e umano, oppure unisci bianchi ghiacciati, grigi ardesia e ciano per un'atmosfera nitida e tecnologica.

Soprattutto, l’ultramarine mantiene bene il contrasto. Se bilanciato con bianchi sporchi e neutri scuri, ottieni una gerarchia solida e leggibilità senza dover usare sempre il nero intenso.

20+ Idee di palette colori Ultramarine Blue (con codici HEX)

1) Ultramarine Nightfall

HEX: #120A8F #0B1026 #F5F1E8 #C8A24A #E55D73

Mood: drammatico e lussuoso

Ideale per: hero section branding di lusso

Drammatico e lussuoso, ricorda tende di velluto, rifiniture dorate e un cielo notturno con un tocco di rosa. Usa il blu profondo come base, aggiungi crema per respiro e oro per suggerire esclusività. Brilla su landing page premium, branding di profumi o visual per boutique hotel. Consiglio: mantieni il rosa come piccolo accento per call-to-action, così l'aspetto resta raffinato.

Esempio immagine ultramarine nightfall generato con media.io

Media.io

Media.io è uno studio AI online per creare ed editare video, immagini e audio dal tuo browser.

Provalo subito gratis

2) Oceanic Slate

HEX: #1A2B8A #2F3A4A #8FA3B8 #E7EDF4 #F2A65A

Mood: calmo e professionale

Ideale per: dashboard UI SaaS

Calmo e professionale, ricorda il mare aperto sotto un cielo nuvoloso con un punto caldo arancione. Usa ardesia e ultramarine per navigazione e pulsanti principali, affidati al grigio-azzurro chiaro per gli sfondi. Perfetto per analytics, strumenti gestionali e prodotti B2B che vogliono chiarezza senza freddezza. Consiglio: riserva l’arancione per avvisi o dati chiave così rimane significativo.

Esempio immagine oceanic slate generato con media.io

3) Porcellana e Ultramarine

HEX: #1D1FA3 #FFFFFF #F3E7D3 #B9C7E6 #2A2A2A

Mood: romantico e nitido

Ideale per: suite invito matrimonio

Romantico e nitido, evoca porcelana dipinta, voti scritti a mano e luce soffusa di candela sul lino. La palette blu ultramarine è senza tempo negli inviti bilanciando il blu intenso con tanto bianco e un tocco di crema calda. Il carbone è ideale per testi leggibili, il pervinca chiaro per bordi delicati o monogrammi. Consiglio: scegli carte non patinate per evitare l'effetto troppo lucido.

Esempio immagine porcellana e ultramarine generato con media.io

4) Neon Arcade Blue

HEX: #2A00FF #101225 #00E5FF #FF2D95 #EDEDED

Mood: audace e futuristico

Ideale per: overlay stream gaming

Audace e futuristico, richiama il bagliore delle sale giochi, suoni sintetici e riflessi su vetro scuro. Mantieni lo sfondo quasi nero, poi sovrapponi ultramarine e ciano su pannelli, cornici e badge. Il magenta funziona al meglio come accento pulsante per avvisi, nuovi follower o indicatori live. Consiglio: usa grigio chiaro per etichette piccole così resta leggibile senza perdere il mood neon.

Esempio immagine neon arcade blue generato con media.io

5) Coastal Museum

HEX: #1627B8 #0F172A #D7E3F1 #9DB6C8 #D9A441

Mood: colto e nautico

Ideale per: segnaletica mostra museo

Colto e nautico, richiama mappe marine, ottone lucido e luci da galleria. Ultramarine e quasi-nero ottimi per titoli direzionali, mentre i blu nebbiosi mantengono i pannelli leggibili. L'ottone è perfetto per numeri di sezione o marker senza essere vistoso. Consiglio: mantieni i testi sullo sfondo pallido ed evita blocchi oro grandi per preservare lo stile da museo.

Esempio immagine coastal museum generato con media.io

6) Contrasto Pop di Agrumi

HEX: #1B2AE0 #F7F7F2 #FFB000 #3A3A3A #A7B4D6

Mood: energico e pulito

Ideale per: template promo social media

Energico e pulito, ricorda agrumi freschi su piano bianco con un bordo blu deciso. Queste combinazioni blu ultramarine attirano subito attenzione senza usare il rosso. Usa ultramarine per titoli e cornici; lascia che l’arancione guidi la CTA principale. Consiglio: grigio medio per testi di supporto per un layout ordinato e moderno.

Esempio immagine contrasto pop di agrumi generato con media.io

7) Inchiostro e Pergamena

HEX: #1417A6 #2B2B2B #F2E8D8 #B6A48A #8FA6C9

Mood: classico e editoriale

Ideale per: apertura rivista editoriale

Classico e editoriale, ricorda inchiostro su carta ruvida con una lieve patina antica. Ultramarine perfetto per citazioni e divisori, mentre pergamena e beige rendono i layout accoglienti. Ottimo per articoli lunghi, portfolio e lookbook sofisticati ma non rigidi. Consiglio: usa il blu morbido per righe e didascalie per guidare l’occhio con delicatezza.

Esempio immagine inchiostro e pergamena generato con media.io

8) Minimal cielo d'inverno

HEX: #1A33CC #EAF1FF #FFFFFF #B9C9E6 #111827

Mood: minimal e arioso

Ideale per: brand kit e logo minimalista

Minimal e arioso, richiama luce gelida, neve pulita e ombre nitide sul ghiaccio. Usa ultramarine per un solo elemento forte o icona, mantiene la maggior parte delle superfici bianche e azzurre. Il quasi-nero ideale per tipografia e regole di brand netti. Consiglio: niente sfumature, lascia che le forme piatte lavorino per un effetto moderno puro.

Esempio immagine minimal cielo d'inverno generato con media.io

9) Fioritura indaco botanica

HEX: #1C2BC7 #2E3A59 #F7F2EA #7DB6A6 #E9A6B6

Mood: morbido e botanico

Ideale per: illustrazione floreale acquerello

Morbido e botanico, evoca petali pressati, tintura indaco e la calma di una serra al mattino. Usa il blu intenso per steli, contorni o ombre, bilancialo con toni carta crema. Salvia e rosa donano un tocco delicato e moderno, più fatto a mano che vintage. Consiglio: lascia le transizioni di colore acquose e imperfette per non perdere il fascino acquerello.

Esempio di immagine di una fioritura botanica indaco generata con media.io

10) Tech Conference Pulse

HEX: #1829F0 #0A0F1F #E6ECFF #6EE7FF #FFC857

Mood: sicuro e ad alta energia

Ideale per: poster e volantino per conferenza

Sicuro e ad alta energia, sembra di essere sotto i riflettori di una keynote e tra flussi di dati rapidi. Crea la base con quasi-nero e ultramarine, poi aggiungi il ciano per linee di movimento e dettagli in stile UI. Il giallo caldo funziona al meglio per data, sede o pulsanti per i biglietti, così l'informazione critica spicca. Consiglio: mantieni la tipografia grande e allineata a una griglia per evitare rumore visivo.

Esempio di immagine di tech conference pulse generata con media.io

11) Indigo Denim Days

HEX: #1A2AA8 #35424A #D9D2C3 #FFFFFF #C46D5E

Mood: casual e radicato

Ideale per: landing page per brand di abbigliamento

Casual e radicato, ricorda denim usato, borse in tela e dettagli in terracotta calda. La palette blu ultramarine funziona bene per brand lifestyle quando vuoi che il blu sia accogliente invece che aziendale. Abbina il blu con bianco sporco e sabbia per gli sfondi, poi usa la terracotta per badge o etichette di vendita. Consiglio: usa molto spazio bianco e una tipografia spontanea per mantenere la vibrazione rilassata del denim.

Esempio di immagine di indigo denim days generata con media.io

12) Ceramic Tile Kitchen

HEX: #1830B5 #F6F4EF #C7D2E9 #8DA2B8 #7A5C4A

Mood: accogliente e raffinato

Ideale per: moodboard di interior design

Accogliente e raffinato, ricorda piastrelle di ceramica lucida, legno caldo e luce diurna soffusa. Usa l'ultramarine come swatch principale, poi sovrapponi crema e grigi freddi per mantenere lo spazio arioso. Il marrone radica la palette e funziona bene per appunti su mobili o etichette dei materiali. Consiglio: usa il blu come parete caratteristica o accento del backsplash, non come vernice totale.

Esempio di immagine di ceramic tile kitchen generata con media.io

13) Deep Space Onboarding

HEX: #1B24FF #0B1020 #1F2A44 #B9C7FF #F4F6FF

Mood: elegante e immersivo

Ideale per: schermate onboarding app in modalità scura

Elegante e immersivo, richiama un’interfaccia da astronave con bagliori soffusi su ombre profonde. Usa l’ultramarine brillante per azioni primarie e indicatori di progresso, mentre navy e charcoal gestiscono i livelli di sfondo. Periwinkle chiaro e quasi-bianco mantengono la leggibilità del testo senza rompere l’atmosfera scura. Consiglio: aggiungi gradienti sottili solo negli highlight per evitare bande sugli schermi OLED.

Esempio di immagine di deep space onboarding generata con media.io

14) Maritime Flagship

HEX: #1227D5 #0E1A2B #FFFFFF #BFD2EA #E0B44C

Mood: nitido e marittimo

Ideale per: header sito nautico

Nitido e marittimo, evoca bandiere di segnalazione, metallo lucido e linee di orizzonte chiare. Ultramarine e navy creano un header e una navigazione forti, mentre il bianco mantiene il design arioso. Un piccolo tocco dorato aggiunge senso di heritage senza rendere l’estetica troppo formale. Consiglio: usa il blu chiaro per stati hover e separatori delicati per mantenere tutto leggero.

Esempio di immagine di maritime flagship generata con media.io

15) Royal Velvet Cosmetics

HEX: #1A21B8 #2B0F2F #F6E9F0 #D6B2C6 #D4AF37

Mood: glamour e opulento

Ideale per: pubblicità prodotti cosmetici

Glamour e opulento, ricorda packaging in velluto, note di profumo e una finitura cipriata delicata. Lascia che ultramarine e prugna creino uno sfondo ricco, poi usa blush e mauve per tipografia e highlight delicati. L’oro è percepito come premium se applicato con parsimonia a tappi, sigilli o linee sottili. Consiglio: mantieni le luci soffuse e direzionali per far sembrare i colori scuri più lussuosi invece che piatti.

Esempio di immagine di royal velvet cosmetics generata con media.io

16) Finance Clarity

HEX: #1626C9 #111827 #F9FAFB #C7D2FE #10B981

Mood: affidabile e chiaro

Ideale per: grafici relazione annuale

Affidabile e chiaro, ricorda fogli di calcolo ordinati, stampe nitide e decisioni serene. Usa ultramarine per le serie principali nei grafici, poi aggiungi il verde menta per segnali di crescita positiva o KPI chiave. Il quasi-nero e il bianco sporco mantengono le tabelle leggibili e professionali. Consiglio: mantieni le linee delle griglie leggere e lascia che il blu si occupi della gerarchia.

Esempio di immagine di finance clarity generata con media.io

17) Sunset Afterstorm

HEX: #1520D6 #2B2D42 #F8F3E7 #F77F5A #CDB4DB

Mood: cinematografico e suggestivo

Ideale per: copertina album artistica

Cinematografico e suggestivo, sembra una tempesta che si dirada mentre la luce calda colpisce l’orizzonte. Queste combinazioni blu ultramarine sono ottime per brand musicali perché l’arancione aggiunge emozione senza sovrastare il blu. Usa la crema per dettagli come nome artista e lista brani, poi lascia che il lavanda ammorbidisca le transizioni tra aree scure e calde. Consiglio: mantieni la tipografia semplice e centrata così la palette cromatica resta protagonista.

Esempio di immagine di sunset afterstorm generata con media.io

18) Playroom Primary Mix

HEX: #1E2BFF #FFD166 #06D6A0 #EF476F #F8F9FA

Mood: vivace e luminoso

Ideale per: illustrazione copertina libro per bambini

Vivace e luminoso, ricorda blocchi da costruzione, carta da attività e energia del doposcuola. Usa ultramarine come colore del titolo principale, poi alterna giallo, verde e rosa per personaggi o forme semplici. È perfetto per materiali educativi e brand per bambini che necessitano di immediatezza e cordialità. Consiglio: mantieni i contorni minimi e affidati a campiture di colore piatte per un look moderno e pulito.

Esempio di immagine di playroom primary mix generata con media.io

19) Architectural Blueprint

HEX: #0F1FDB #0B1220 #E8EEF9 #9FB2D0 #6B7280

Mood: preciso e moderno

Ideale per: layout portfolio di architettura

Preciso e moderno, evoca linee di blueprint, misurazioni pulite e pannelli di presentazione nitidi. L’ultramarine è ideale per titoli delle sezioni e tratti dei diagrammi, mentre le tonalità chiare e fredde mantengono leggere le pagine. Aggiungi il grigio per didascalie e metadata così il layout rimane tecnico ma raffinato. Consiglio: mantieni i pesi delle linee consistenti e usa il blu più brillante solo per le callout principali.

Esempio di immagine di architectural blueprint generata con media.io

20) Soft Lavender Dusk

HEX: #1C2AE8 #2A2A3A #F5F3FF #C7B8FF #F2B5D4

Mood: delicato e sognante

Ideale per: landing page wellness

Delicato e sognante, ricorda cieli crepuscolari e una routine serena e calmante. Usa ultramarine per i pulsanti principali e i titoli delle sezioni, poi lascia che lavanda e blush creino uno strato emotivo rilassante. Lo sfondo bianco sporco mantiene tutto arioso, ideale per pagine lunghe con scroll. Consiglio: abbina elementi UI arrotondati e spazi generosi per rafforzare il tono rilassato.

Esempio di immagine di soft lavender dusk generata con media.io

Quali colori si abbinano bene all'Ultramarine Blue?

I neutri caldi (crema, pergamena, sabbia) rendono l’ultramarine più tattile e premium, ideale per design editoriali e packaging. Toni metallici come ottone o oro amplificano anche il suo carattere regale quando usati in piccole dosi.

Per il design digitale, l’ultramarine si abbina particolarmente bene a grigi freddi e quasi-nero, creando struttura solida senza risultare duro. Aggiungi ciano o periwinkle per dare un’atmosfera futuristica, “da interfaccia”, mantenendo la palette coesa.

Se desideri un contrasto emotivo, prova il coral, terracotta, blush o lavanda delicata. Questi accenti caldi-pastello mantengono l’ultramarine audace, ma rendono l’estetica complessiva più amichevole e espressiva.

Come usare una palette Ultramarine Blue nei progetti reali

Inizia decidendo se l’ultramarine sarà il colore di sfondo o di accento. Come sfondo, mantieni la tipografia chiara (bianco sporco o periwinkle pallido) e limita gli accenti saturi a un unico colore “segnale” per le CTA.

Nell’interfaccia, assegna l’ultramarine ad azioni primarie e navigazione chiave, poi usa grigi e tinte tenui per superfici, card e separatori. Questo preserva la gerarchia ed evita il problema del “tutto urla” che possono causare i blu saturi.

Per la stampa, testa sulla carta prevista: la carta non patinata può ammorbidire l’ultramarine splendidamente, mentre le finiture lucide lo intensificano. Disponi grigi medi o charcoal per testo e dettagli corporei leggibili.

Crea visual di palette Ultramarine Blue con l’AI

Se hai già codici HEX, il modo più rapido per esplorare i layout reali è generare mockup: poster, landing page, packaging o template social. Vedere l’ultramarine applicato su larga scala aiuta a confermare contrasto, mood e equilibrio in pochi minuti.

Con lo strumento text-to-image di Media.io, puoi incollare un prompt come “sezione hero ultramarine con spazio negativo crema e accenti oro” e iterare rapidamente finché la palette è perfetta per il tuo brand.

Una volta che la direzione ti convince, conserva delle varianti: una versione dark mode, una light mode e una per campagne ad alto contrasto. Così avrai flessibilità coerente su web, app e stampa.

Prossimo: Palette di Colori Grigio Scuro