L'Ultramarine (#120A8F) è un blu profondo e sicuro che aggiunge immediatamente struttura a interfacce, poster e sistemi di branding. Trasmette un senso di modernità e lusso, pur restando versatile sia sul digitale che sulla stampa.
Di seguito sono presentate palette di colori ultramarine selezionate con codici HEX, annotazioni di mood e consigli pratici per l'abbinamento—così puoi scegliere uno schema che si adatti al tuo messaggio e ai vincoli del tuo layout.
In questo articolo
Perché le Palette Ultramarine Funzionano Così Bene
L'ultramarine ha un'autorità naturale: è abbastanza scuro da dare struttura ai layout, ma sufficientemente saturo da risultare intenzionale ed energico. Questo equilibrio lo rende un affidabile "colore di ancoraggio" per sistemi che necessitano gerarchia.
Nei UI, l'ultramarine aiuta a separare navigazione, stati attivi ed elementi hero senza fare affidamento su bordi pesanti. Nel branding, trasmette fiducia e sicurezza lasciando spazio ad accenti caldi come ambra, terracotta o oro.
Poiché si abbina bene sia con tonalità fredde (cyan, seafoam, periwinkle) che con complementari calde (arancio, rosa, beige), uno schema ultramarine può cambiare mood—dal lusso minimale alla campagna audace—senza perdere coerenza.
Oltre 20 Idee di Palette Ultramarine (con Codici HEX)
1) Midnight Sail
HEX: #120A8F #0B1D39 #2E5AAC #F4F1E8 #C9B18C
Mood: nautico, sicuro, raffinato
Ideale per: identità di marca e sezioni hero
Nautico e sicuro, ricorda l’acqua notturna sotto un riflettore pulito. Questa palette ultramarine funziona perfettamente per branding premium, landing page e barre di navigazione audaci. Abbina i blu profondi con sabbia calda e bianchi cremosi per mantenere il contrasto leggibile ed elegante. Consiglio d’uso: riserva il beige dorato per piccoli dettagli come icone, badge e CTA importanti.
Esempio immagine di midnight sail generato con media.io
Media.io è uno studio online di IA per creare ed editare video, immagini e audio direttamente dal browser.
2) Modern Delft
HEX: #1E3A8A #3B82F6 #93C5FD #F8FAFC #F59E0B
Mood: fresco, luminoso, amichevole
Ideale per: UI di app e dashboard
Fresco e vivace, evoca piastrelle di ceramica smaltata e luce diurna limpida. I blu stratificati creano una gerarchia naturale per gli stati UI, mentre l'ambra calda aggiunge immediata attenzione. Usa il blu più chiaro e il bianco come superfici, e porta il deep ultramarine per intestazioni e schede attive. Consiglio: limita l’arancione ad una sola azione primaria per schermata per evitare troppa confusione visiva.
Esempio immagine di modern delft generato con media.io
3) Velvet Opera
HEX: #1A0B6E #7C3AED #F472B6 #111827 #F9FAFB
Mood: drammatico, lussuoso, artistico
Ideale per: poster eventi e copertine album
Drammatico e lussuoso, ricorda tende di velluto e luci di scena. Il blu indaco profondo e il charcoal creano una base intensa, mentre viola e rosa danno energia ai titoli. Usa il bianco pallido come spazio negativo attorno ai titoli così gli accenti brillanti non sovrastano. Suggerimento: applica il rosa solo agli elementi focali come date, icone o un singolo tratto sfumato.
Esempio immagine di velvet opera generato con media.io
4) Coastal Ink
HEX: #162B75 #0EA5E9 #14B8A6 #E2E8F0 #0F172A
Mood: nitido, moderno, costiero
Ideale per: siti SaaS e infografiche
Nitido e costiero, suggerisce linee d'inchiostro, vetro marino e aria pulita. Il cyan e teal brillanti impediscono ai blu scuri di risultare pesanti, ottimo per pagine SaaS e visualizzati dati. Abbina il grigio chiaro al teal per pannelli secondari e riserva il quasi-nero per il testo. Suggerimento: usa il cyan con moderazione per stati interattivi come hover e indicatori selezionati.
Esempio immagine di coastal ink generato con media.io
5) Gallery Spotlight
HEX: #1D2D8C #E5E7EB #FFFFFF #D4AF37 #111111
Mood: minimale, premium, alto-contrasto
Ideale per: annunci prodotto di lusso
Minimale e premium, sembra una galleria tranquilla con un unico riflettore. Ultramarine e nero trasmettono autorità, mentre bianco e grigio morbido mantengono tutto nitido ed editoriale. Aggiungi l'oro solo dove vuoi che lo sguardo si focalizzi, come un logo o un dettaglio prezzo. Consiglio: mantieni lo sfondo pulito così il blu profondo risulta intenzionale, non pesante.
Esempio immagine di gallery spotlight generato con media.io
6) Astral Citrus
HEX: #1B2A9B #F97316 #FDE68A #0F172A #F8FAFC
Mood: audace, energetico, futuristico
Ideale per: banner campagna e CTA
Audace ed energetico, ricorda un cielo notturno attraversato da luce citrus brillante. Queste combinazioni ultramarine sono ideali per banner campagne dove serve contrasto immediato e call-to-action chiaro. Lascia che blu profondo e charcoal gestiscano lo sfondo, poi usa l’arancio per pulsanti e dettagli. Suggerimento: sfrutta il giallo pallido come bagliore morbido sotto i titoli piuttosto che nel testo corposo.
Esempio immagine di astral citrus generato con media.io
7) Botanical Midnight
HEX: #15206B #0F766E #84CC16 #F3F4F6 #334155
Mood: terrestre, calmo, notturno
Ideale per: illustrazioni botaniche ed etichette
Terrestre e calmo, sembra un giardino dopo la pioggia sotto un cielo blu profondo. I verdi risultano naturali e contemporanei sulla base blu notte, ottimo per marchi botanici o messaggi ecosostenibili. Usa l’off-white per spazio etichetta e mantenere l'ardesia per tipografia e linework. Suggerimento: aggiungi il verde foglia brillante solo alle foglie eroiche o un singolo timbro accentato.
Esempio immagine di botanical midnight generato con media.io
8) Paper Pigment
HEX: #2431A5 #E11D48 #F1F5F9 #A3A3A3 #0B0F1A
Mood: editoriale, incisivo, moderno
Ideale per: copertine magazine e post social
Editoriale e incisivo, sembra inchiostro fresco su carta nitida. Il rosso acceso crea enfasi immediata, mentre l’ultramarine mantiene il layout solido e attuale. Usa il grigio chiaro come abbondante spazio bianco e il quasi-nero per didascalie leggibili. Suggerimento: limita il rosso a uno o due elementi, come una label tag o un singolo sottolineato, per una gerarchia pulita.
Esempio immagine di paper pigment generato con media.io
9) Retro Arcade
HEX: #2B18FF #FF2D95 #00D1FF #0B1021 #F8FAFC
Mood: giocoso, neon, ad alta energia
Ideale per: overlay stream e promo
Giocoso e neon, ricorda luci arcade in una stanza buia. Il blu elettrico e il cyan creano una vibe tecnologica, mentre il rosa acceso aggiunge brio e freschezza giovanile. Usa il quasi-nero per la tela principale così i colori vivaci restano controllati. Suggerimento: applica i toni neon come contorni e highlight glow piuttosto che blocchi pieni per garantire leggibilità.
Esempio di immagine di arcade retrò generata con media.io
10) Biblioteca Silenziosa
HEX: #1F2A7A #6B7280 #D1D5DB #F5F3E7 #8B5E34
Mood: calma, accademica, senza tempo
Ideale per: siti di pubblicazione e portfolio
Calma e accademica, ricorda libri rilegati in tessuto e lampade da lettura soffuse. Il blu profondo ancora il design, mentre crema caldo e marrone aggiungono un tocco silenzioso e umano. Usa i grigi per UI secondarie e layout lunghi dove desideri minima distrazione. Suggerimento: riserva il marrone per piccoli separatori o icone così rimane come una patina sottile, non un colore di titolo competitivo.
Esempio di immagine di biblioteca silenziosa generata con media.io
11) Fioritura Ceramica
HEX: #253494 #F43F5E #FB7185 #FFF7ED #22C55E
Mood: allegro, floreale, creativo
Ideale per: inviti e cartoleria
Allegro e floreale, ricorda ceramiche dipinte e bouquet primaverili. Il blu intenso mantiene stabile la composizione mentre le tonalità rosate aggiungono calore e festa. Usa lo sfondo crema per mantenere leggibile il testo e lascia che il verde agisca come un piccolo accento botanico. Suggerimento: prova il rosa come nastro dietro i nomi, con ultramarino per testo e bordi.
Esempio di immagine di fioritura ceramica generata con media.io
12) Mercato Notturno
HEX: #0F1A5A #F59E0B #DC2626 #F1F5F9 #111827
Mood: vivace, urbano, appetitoso
Ideale per: volantini alimentari e promozioni ristorante
Vivace e urbano, richiama lanterne, insegne e bancarelle notturne. L'ambra calda e il rosso spiccano brillantemente contro il blu scuro, perfetti per promozioni alimentari e titoli audaci. Usa il bianco sporco per i blocchi di testo del menu e mantieni il quasi-nero per il testo fine. Suggerimento: imposta l'ambra come colore di evidenziazione primaria e usa il rosso solo per offerte speciali o tag a tempo limitato.
Esempio di immagine di mercato notturno generata con media.io
13) Ombra di Montagna
HEX: #1C2C6B #64748B #94A3B8 #E2E8F0 #16A34A
Mood: avventuroso, stabile, fresco
Ideale per: blog di viaggio e UI di mappe
Avventuroso e stabile, sembra l'ombra della montagna con un accenno di pino. I blu ardesia creano una struttura affidabile per mappe, navigazione e pagine ricche di contenuti. Usa il grigio-azzurro pallido come sfondo e mantieni il verde per pin di localizzazione o indicatori di stato. Suggerimento: per l'accessibilità, metti il testo bianco solo sul blu più scuro e evita il verde per paragrafi lunghi.
Esempio di immagine di ombra di montagna generata con media.io
14) Lusso Minimal
HEX: #1A237E #F5F5F4 #D6D3D1 #0A0A0A #C4A484
Mood: di lusso, silenzioso, architettonico
Ideale per: packaging e branding premium
Lussuoso e silenzioso, evoca marmo, inchiostro e dettagli in ottone caldo. Questa palette ultramarina risalta su packaging premium dove contrasto e sobrietà contano. Abbina il blu profondo a neutri pietra soffici, poi usa il tan come accento metallico per sigilli, bordi o iconcine. Suggerimento: stampa l'ultramarino come campo grande e mantieni l'accento su linee sottili per un risultato di pregio.
Esempio di immagine di lusso minimal generata con media.io
15) Gradiente Prisma
HEX: #0B0F6A #2563EB #38BDF8 #A78BFA #F8FAFC
Mood: pulito, digitale, ottimista
Ideale per: landing-page tecnologiche e gradienti
Pulito e ottimista, sembra luce che si rifrange nel vetro. I blu in gradazione e il viola tenue sono perfetti per gradienti moderni, grafici e illustrazioni di testa. Usa il bianco sporco per dare respiro, poi sfuma il blu medio nel ciano per profondità senza spigoli. Suggerimento: applica il viola come stop secondario nel gradiente, così risulta un dettaglio premium, non una distrazione.
Esempio di immagine di gradiente prisma generata con media.io
16) Poster Solare
HEX: #1E2A9E #FACC15 #F43F5E #0F172A #FAFAF9
Mood: audace, solare, grafico
Ideale per: poster festival e annunci
Audace e solare, sembra un cielo ultramarino con un sole pop-art. Queste combinazioni ultramarine sono fatte per poster che devono colpire da lontano. Mantieni le tonalità profonde per le forme grandi e usa il giallo per elementi in evidenza come titoli o date, con rosa come secondo colpo d'occhio. Suggerimento: usa il bianco sporco per piccoli testi, così i colori più brillanti restano riservati per enfasi.
Esempio di immagine di poster solare generata con media.io
17) Schiuma di Mare Ardesia
HEX: #18206F #5EEAD4 #0F766E #CBD5E1 #1F2937
Mood: fresca, equilibrata, rinfrescante
Ideale per: marchi wellness e sezioni web
Fresca ed equilibrata, richiama la schiuma marina su roccia scura. Il turchese menta ammorbidisce il blu intenso, creando un'atmosfera calma e affidabile per pagine wellness e lifestyle. Usa l'ardesia chiara come sfondo principale e riserva le tonalità più scure per i titoli. Suggerimento: imposta la menta sugli stati hover e attivo per movimento discreto ma non invadente.
Esempio di immagine di schiuma di mare ardesia generata con media.io
18) Navy Editoriale
HEX: #151B54 #E5E7EB #9CA3AF #B91C1C #FFFFFF
Mood: serio, giornalistico, autorevole
Ideale per: report e layout editoriali
Serio ed autorevole, ricorda un quotidiano reinventato per il web. Il navy e i grigi supportano contenuti densi, mentre il rosso intenso offre un classico accento editoriale per link o callout. Usa il bianco per margini generosi e lascia il grigio per divisori e didascalie. Suggerimento: usa il rosso per un singolo ruolo di sistema, come alert o tag di sezione, per una scansione coerente.
Esempio di immagine di navy editoriale generata con media.io
19) Notte Orchidea
HEX: #1B0F8A #C026D3 #F0ABFC #0B1320 #F5F3FF
Mood: misteriosa, onirica, glamour
Ideale per: beauty branding e annunci social
Misteriosa e onirica, evoca orchidee che brillano in una stanza buia. La gamma viola-rosata appare glamour, mentre il blu profondo mantiene il tutto moderno e saldo. Usa il lavanda pallido come sfondo morbido e spingi il magenta per evidenziare nomi di prodotti o adesivi. Suggerimento: aggiungi gradienti discreti tra ultramarino e violetto per creare profondità senza aggiungere altri colori.
Esempio di immagine di notte orchidea generata con media.io
20) Terracotta Calda
HEX: #1D2A8F #C2410C #FB923C #FDEBD0 #374151
Mood: calda, ancorata, artigianale
Ideale per: brand di arredamento e lookbook
Calda e ancorata, ricorda argilla, lino e smalti blu profondi. Le tonalità terracotta rendono il blu più ricco e accogliente, ideali per arredo casa e prodotti artigianali. Usa la crema come sfondo principale della pagina e mantieni il grigio carbone per testo e contorni. Suggerimento: lascia l'arancio in evidenza per dettagli come bottoni e tag, mentre il blu ancora titoli e cornici.
Esempio di immagine di terracotta calda generata con media.io
Quali Colori si Abbinano Bene con Ultramarine?
L’ultramarino si abbina splendidamente a complementari caldi — arancio, ambra, terracotta, e oro — poiché creano contrasto immediato e guidano l’attenzione su CTA, prezzi o etichette chiave.
Per accostamenti più calmi e contemporanei, abbina l’ultramarino con accenti freddi come ciano, teal, schiuma di mare o viola tenue. Questo mantiene la palette “digitale” e ariosa preservando la profondità del blu di base.
Per uno stile minimalista e premium, combina l’ultramarino con bianco, bianco sporco, grigio chiaro e quasi-nero. Aggiungi un accento simile a un metallo (tan/oro) a piccole dosi per un tocco raffinato.
Come Usare una Palette Ultramarine in Progetti Reali
Usa l’ultramarino come colore strutturale: header, navigazione, divisori di sezione e pannelli hero. Poi posiziona il tuo accento più brillante (arancio/rosa/giallo) su azioni e highlights così l’attenzione dell’utente ha un percorso netto.
Per la leggibilità, mantieni il testo su neutri chiari e riserva bianco su ultramarino solo per elementi brevi (bottoni, etichette nav, badge). Se stai progettando grafici, assegna l’ultramarino alle “serie principali” e usa tinte più chiare per quelle secondarie.
In stampa (poster, packaging, cartoleria), l’ultramarino funziona meglio in grandi campiture con linee di accento sobrie. Questo aiuta il blu a risultare intenzionale e premium, piuttosto che visivamente pesante.
Crea Visual di Palette Ultramarine con IA
Se hai già codici HEX, puoi trasformarli rapidamente in idee per banner, layout poster e mockup UI descrivendo la composizione (layout, tipografia, forme) e specificando i colori della palette.
Per risultati coerenti, indica quali colori sono dominanti, quali sono i neutri di sfondo, e quali vanno limitati a “piccoli highlights”. Aggiungere un rapporto di aspetto (come 16:9 o 3:4) aiuta l’immagine a corrispondere al tuo caso d’uso.
Grazie al text-to-image di Media.io, puoi iterare sulla stessa gamma di colori ultramarina su più formati — social, annunci, sezioni hero — senza dover ricominciare da zero.
Domande frequenti sulla palette di colori ultramarina
-
Qual è il codice HEX dell’ultramarino in questa guida?
L’ultramarino di riferimento qui è #120A8F. È profondo, saturo e funziona bene come colore di ancoraggio per UI e branding. -
L’ultramarino è adatto come sfondo UI per siti web?
Sì — usalo per header, sidebar e blocchi hero, poi mantieni le superfici dei contenuti chiare (bianco sporco o grigio pallido) per una lettura confortevole e un contrasto pulito. -
Qual è il miglior colore di accento con ultramarino per CTA?
Accenti caldi come arancio/ambra (ad esempio #F97316 or #F59E0B) sono eccellenti perché contrastano fortemente e attirano naturalmente l’attenzione sui bottoni. -
Come posso evitare che una palette ultramarina risulti troppo scura?
Bilanciala con abbondanti neutri (bianco, bianco sporco, grigio chiaro) e aggiungi tinte blu più chiare (celeste o pervinca) per spaziature, schede e superfici secondarie. -
L’ultramarino si abbina bene con il rosa o il viola?
Sì—accenti rosa e viola creano un look drammatico e moderno (ideale per poster, marchi di bellezza e copertine di album). Limita la tonalità vivace agli elementi focali per mantenere la gerarchia. -
Posso usare l’ultramarino nel branding e nel packaging stampato?
Sì. L’ultramarino rende particolarmente bene come campo di colore ampio. Abbinalo a neutri pietra e piccoli accenti oro/beige per un effetto premium e architettonico. -
Come posso generare rapidamente dei mockup di palette ultramarina?
Utilizza uno strumento di intelligenza artificiale text-to-image includendo i tuoi codici HEX, indicazioni su dominante/sfondo e il rapporto d’aspetto desiderato. In questo modo è facile produrre banner, poster e concetti UI coerenti.
Successivo: Palette di Colori Bittersweet
