Le 20 migliori palette di colori zaffiro: codici hex e consigli

Zaffiro è un blu profondo ispirato alle gemme, che trasmette sicurezza senza essere appariscente. È un colore di base ideale per design che richiedono fiducia, chiarezza e un tocco premium.

Qui sotto trovi palette di colori zaffiro pratiche con codici HEX, oltre a consigli su come abbinare il zaffiro in branding, UI e stampa—così il tuo blu resta intenzionale e leggibile.

Perché le palette Zaffiro funzionano così bene

Zaffiro si colloca tra i "blu affidabili", quindi naturalmente supporta temi come stabilità, intelligenza e professionalità. Per questo motivo compare spesso in ambiti finanziari, SaaS, sanità e layout editoriali.

Ha anche un forte intervallo di contrasto: il zaffiro può essere abbinato a quasi-nero per una profondità cinematografica o a tinte ghiacciate per interfacce pulite e orientate ai dati. Questa flessibilità rende semplice costruire un sistema completo di stati (primario, hover, bordi, sfondi) attorno ad un solo colore protagonista.

Infine, il zaffiro accoglie bene gli accenti. Oro, corallo, ciano, blush e anche marroni caffè risaltano su di esso—così puoi cambiare atmosfera da premium a giocoso senza modificare il colore principale del brand.

20+ Idee di palette colori Zaffiro (con codici HEX)

1) Porto di Mezzanotte

HEX: #0F52BA #0B1D39 #1D3557 #E6EEF7 #C9A227

Atmosfera: cupo, raffinato, nautico

Ideale per: identità di brand per finanza o servizi marittimi

Toni blu portuali cupi con un accento ottone evocano moli notturni, divise impeccabili e una fiducia tranquilla. Usa il blu navy profondo come base e lascia che l’azzurro più chiaro gestisca link, pulsanti e titoli chiave. Abbina il bianco sporco per dare respiro e riserva l’oro per piccoli dettagli come badge o icone. Consiglio: tieni l’oro sotto il 5% del layout per mantenere un tocco premium.

Esempio immagine di porto di mezzanotte generato con media.io

Media.io

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

Provalo ora gratis

2) Bagliore di Gemma

HEX: #0F52BA #2D7FF9 #0A2A6A #F4F6FA #FF6B6B

Atmosfera: vivido, moderno, energico

Ideale per: hero section pagina di atterraggio app

Blu vivaci con una scintilla di corallo caldo sembrano luce che si rifrange attraverso una gemma tagliata. Questa palette zaffiro brilla nelle aree hero dove serve contrasto immediato e gerarchia chiara. Conserva il blu più scuro per la navigazione, usa l’azzurro brillante nei gradienti e il corallo solo per primary call to action. Consiglio: prova il corallo con lo sfondo bianco sporco per evitare sovra-saturazione nei blocchi grandi.

Esempio immagine di bagliore di gemma generato con media.io

3) Inchiostro Costiero

HEX: #123B7A #0F52BA #2E86AB #F2E9E4 #5C677D

Atmosfera: calmo, costiero, editoriale

Ideale per: layout caratteristica rivista

Toni blu inchiostro e vetro-mare richiamano orizzonti oceanici e carta sbiadita dal sole. Usa la crema come fondo pagina per mantenere comoda la lettura, poi punta sul blu tipo zaffiro per citazioni e titoli di sezione. Il grigio freddo funziona per linee, didascalie e divisori discreti in stampa. Consiglio: usa il blu inchiostro profondo per i testi principali per garantire leggibilità.

Esempio immagine di inchiostro costiero generato con media.io

4) Notte di Velluto

HEX: #081A33 #0F52BA #3A86FF #2B2D42 #F8F9FA

Atmosfera: elegante, cinematografico, ad alto contrasto

Ideale per: tema UI servizio streaming

Neri vellutati con dettagli blu elettrico fanno pensare ad un foyer di cinema poco prima della proiezione. Costruisci l’interfaccia su pannelli quasi neri e usa i blu più brillanti per stati di focus, barre di avanzamento e tab attivi. Il bianco soft dovrebbe comparire principalmente in testo e icone per evitare riflessi. Consiglio: aumenta leggermente l'interlinea su sfondi scuri per mantenere il testo nitido.

Esempio immagine di notte di velluto generato con media.io

5) Zaffiro Artico

HEX: #0F52BA #7DD3FC #E0F2FE #0B1320 #A7B8C7

Atmosfera: fresco, arioso, invernale

Ideale per: dashboard UI settore sanitario

Tonalità ghiacciate e blu brillanti evocano aria pulita, dati chiari e un ambiente clinico rilassante. Usa l’azzurro più chiaro come sfondo e applica il blu saturo ai dettagli e ai dati chiave. Il quasi-nero è ideale per titoli ed etichette importanti senza risultare aggressivo. Consiglio: aggiungi spaziatura generosa così la palette fredda resta amichevole e non sterile.

Esempio immagine di zaffiro artico generato con media.io

6) Libro Contabile Vintage

HEX: #0F52BA #1E2A3A #D8C3A5 #F5F1E8 #B56576

Atmosfera: heritage, librario, raffinato

Ideale per: copertina libro e design costina

Toni ereditari come carta vecchia, inchiostro e tessuto usurato rendono il blu raccolto e senza tempo. Usa la tonalità carta crema per il campo principale e il blu profondo per titolo e autore. Il rosa polveroso va usato come piccolo contrasto per timbri, regole o fascia sottotitolo. Consiglio: prova una texture leggera in sovrapposizione per accentuare l’atmosfera vintage senza confondere il testo.

Esempio immagine di libro contabile vintage generato con media.io

7) Arcade Neon

HEX: #0F52BA #00D4FF #7C3AED #111827 #F9FAFB

Atmosfera: audace, giocoso, futuristico

Ideale per: poster evento per serata gaming

Blu vivaci con viola e ciano evocano insegne al neon su pavimenti lucidi. Queste combinazioni zaffiro funzionano al meglio con caratteri grandi, forme semplici e alto contrasto. Mantieni lo sfondo scuro per far risplendere gli accenti chiari ed usa il bianco solo per dettagli chiave come data e luogo. Consiglio: limita i gradient a un’unica area focale affinché il poster resti leggibile anche da lontano.

Esempio immagine di arcade neon generato con media.io

8) Campanule Botaniche

HEX: #0F52BA #3B82F6 #A7F3D0 #F7F3E9 #2F4858

Atmosfera: fresco, botanico, ottimista

Ideale per: set illustrazioni floreali primavera

Blu freschi e verdi menta evocano campanule, rugiada mattutina e una leggera brezza. Usa la tinta crema come carta, dipingi i petali in blu medio e usa l’ardesia scura per contorni ed ombreggiature. Il menta funziona bene come tono secondario per foglie, ma mai come riempimento principale. Consiglio: mantieni i contorni leggermente smorzati così l’illustrazione resta morbida e naturale.

Esempio immagine di campanule botaniche generato con media.io

9) Editoriale Museale

HEX: #0F52BA #0D1B2A #EDE7DF #8D99AE #C7A27C

Atmosfera: colto, calmo, da galleria

Ideale per:layout opuscolo museo

I neutri della galleria con un accento blu intenso trasmettono una sensazione curata, silenziosa e intenzionale. Usa il bianco caldo per la pagina e applica il blu zaffiro alle intestazioni, alle schede delle sezioni e ai segni di orientamento. Il beige funziona perfettamente per piccoli richiami o categorie di mostre senza rendere il design rustico. Suggerimento: mantieni margini larghi per imitare lo spazio "respirante" delle etichette museali.

Esempio di immagine editoriale museale generata con media.io

10) Cerulean Sand

HEX: #0F52BA #2EC4B6 #FFBF69 #FDFCDC #1B263B

Atmosfera:soleggiato, costiero, allegro

Ideale per:volantino viaggi per tour in spiaggia

I blu illuminati dal sole con un giallo sabbia ricordano acqua limpida e spiagge calde. Usa lo sfondo crema per mantenere il volantino luminoso, poi applica il blu zaffiro ai titoli e ai blocchi di prezzo principali. Verde acqua e giallo vanno utilizzati come accenti per icone, badge e separatori di sezione. Suggerimento: usa il blu navy più scuro per il testo principale per mantenere il contrasto sui toni chiari della carta.

Esempio di immagine di cerulean sand generata con media.io

11) Tech Minimal

HEX: #0F52BA #111827 #6B7280 #F3F4F6 #22C55E

Atmosfera:pulito, moderno, affidabile

Ideale per:UI cruscotto prodotto SaaS

Neutri puliti con un blu deciso evocano documentazione nitida e dati ben strutturati. Questa palette zaffiro è perfetta per dashboard dove la chiarezza è essenziale: blu per azioni principali ed evidenziazioni di stato. Usa il verde solo per stati di successo e il grigio per testo secondario e bordi. Suggerimento: mantieni stili dei pulsanti coerenti affinché il blu resti il segnale di interazione più forte.

Esempio di immagine tech minimal generata con media.io

12) Wedding Seaspray

HEX: #0F52BA #94A3B8 #F8FAFC #F1D4D4 #1F2937

Atmosfera:romantico, arioso, elegante

Ideale per:coordinato invito di nozze

Blu ariosi con rosa cipria e grigio morbido ricordano spruzzi di mare, nastri di seta e luce del primo tramonto. Usa il quasi bianco come base del cartoncino e il blu per monogrammi, bordi e titoli RSVP. Il rosa cipria funziona al meglio in piccoli motivi floreali o accenti sottili. Suggerimento: scegli una carta un po' più spessa così che le tonalità fredde risultino calde e tattili.

Esempio di immagine wedding seaspray generata con media.io

13) Coffeehouse Contrast

HEX: #0F52BA #3B2F2F #C9B29B #F5F0E6 #2E2A24

Atmosfera:accogliente, solido, sofisticato

Ideale per:design menu caffetteria

I marroni ben piantati con un accento blu deciso ricordano la crema dell’espresso accanto a una tazza in ceramica lucida. Usa il crema caldo come sfondo del menu, poi scrivi le intestazioni in marrone scuro per un tocco artigianale. Il blu andrebbe riservato per marcatori di sezione, prezzi o un piccolo logo per creare un contrasto memorabile. Suggerimento: mantieni l’accento coerente su tutte le pagine così il menu risulta un unico sistema.

Esempio di immagine coffeehouse contrast generata con media.io

14) Space Observatory

HEX: #0F52BA #050A14 #1B3A57 #9CA3AF #E5E7EB

Atmosfera:misterioso, preciso, cosmico

Ideale per:presentazione conferenza scientifica

Tonalità spaziali scure con un vivace accento blu ricordano mappe stellari e strumenti di lettura. Usa il quasi nero per gli sfondi delle diapositive, poi applica il blu saturo ai titoli di sezione e ai numeri chiave. I grigi chiari mantengono leggibili i grafici senza abbagliamento bianco. Suggerimento: usa un solo blu coerente per l’enfasi per evitare uno stile caotico o troppo fantascientifico.

Esempio di immagine space observatory generata con media.io

15) Kids Learning UI

HEX: #0F52BA #60A5FA #FDE047 #F97316 #F8FAFC

Atmosfera:amichevole, brillante, vivace

Ideale per:UI app educativa bambini

Blu brillanti con giallo sole e arancione risultano giocosi, sicuri e facili da seguire. Usa il blu chiaro per superfici e schede, mentre quello più scuro stabilizza la navigazione ed etichette chiave. Giallo e arancione sono perfetti per premi, badge e momenti di avanzamento in cui vuoi una nota di allegria. Suggerimento: lascia le aree testuali per lo più bianche così gli accenti colorati non competono con la lettura.

Esempio di immagine kids learning ui generata con media.io

16) Luxury Watch Ad

HEX: #0F52BA #0A0F1C #D4AF37 #E9EEF5 #2B3445

Atmosfera:lussuoso, drammatico, preciso

Ideale per:pubblicità prodotto orologio di lusso

Toni di mezzanotte drammatici con un accento oro evocano ingegneria di precisione e illuminazione da showroom. Questa palette zaffiro è ideale per pubblicità di prodotto premium con forte contrasto e bagliore contenuto. Mantieni lo sfondo quasi nero, usa il blu per luce marginale o tipografia discreta e applica l’oro solo per il logo o una linea di dettaglio. Suggerimento: abbonda con lo spazio negativo così il prodotto resta protagonista.

Esempio di immagine luxury watch ad generata con media.io

17) Mountain Twilight

HEX: #0F52BA #1E3A8A #334155 #CBD5E1 #F1F5F9

Atmosfera:fresco, outdoor, solido

Ideale per:banner ecommerce attrezzatura outdoor

Blu crepuscolari freddi e grigi ardesia evocano aria di montagna e crinali lontani. Usa il blu più profondo per titoli e nomi prodotto, affidati ai grigi chiari per pannelli di sfondo e aree prezzo. Questa combinazione funziona benissimo con fotografia prodotto monocromatica e icone minimal. Suggerimento: inserisci un solo pulsante blu deciso per banner così l’attenzione resta sull’azione principale.

Esempio di immagine mountain twilight generata con media.io

18) Soft Office Calm

HEX: #0F52BA #93C5FD #E5E7EB #FFFFFF #1F2937

Atmosfera:calmo, accogliente, professionale

Ideale per:template presentazione aziendale

Blu morbidi con neutri puliti trasmettono organizzazione, serenità e comfort visivo. Usa il bianco come base principale, poi applica un blu coerente per testate e grafici. Il blu chiaro è perfetto per forme sottili e riquadri senza dominare il contenuto. Suggerimento: usa un solo peso carattere per il testo semplice e lascia che sia il colore a creare la gerarchia, non la tipografia.

Esempio di immagine soft office calm generata con media.io

19) Festival Poster Pop

HEX: #0F52BA #FF2D55 #FFD166 #0B1320 #F8F9FA

Atmosfera:vivace, festoso, d’impatto

Ideale per:poster festival musicale

Il rosa acceso e il giallo caldo contro il blu intenso ricordano luci di scena e notti metropolitane. Queste combinazioni zaffiro sono perfette per poster che richiedano energia immediata e leggibilità netta. Usa la base scura per il contrasto, mantieni il blu per il titolo principale e lascia che il rosa metta in evidenza date e info biglietti. Suggerimento: limita i caratteri a due così saranno i colori a trasmettere entusiasmo senza eccesso visivo.

Esempio di immagine festival poster pop generata con media.io

20) Night Swim

HEX: #0F52BA #0A2E4E #22D3EE #0B1320 #E0F2FE

Atmosfera:fresco, rinfrescante, notturno

Ideale per:design packaging skincare

Blu freschi con un tocco acquamarina acceso ricordano l’acqua al chiaro di luna e una detersione pulita, rigenerante. Usa le tinte più profonde per flacone o tubetto, poi aggiungi l’acquamarina per claim chiave e piccole icone. La tonalità ghiaccio pallida funziona bene come campo etichetta per mantenere testo leggibile. Suggerimento: usa uno spot gloss sugli accenti per esaltare il look fresco e bagnato senza aggiungere altri colori.

Esempio di immagine night swim generata con media.io

Quali colori si abbinano bene con il Zaffiro?

Lo zaffiro si abbina perfettamente con neutri brillanti come bianco caldo, grigio chiaro e antracite perché mantiene il blu strutturato e moderno. Queste combinazioni sono particolarmente affidabili per dashboard, layout editoriali e sistemi di brand con molto testo.

Per un look premium, combina lo zaffiro con accenti metallici (oro, ottone, beige caldo) e limita l’accento a piccoli dettagli UI o elementi di stampa. Per energia, aggiungi complementi caldi come corallo, rosa acceso o giallo—da usare come CTA, etichette o badge.

Se vuoi un approccio più fresco e arioso, abbina zaffiro a tonalità ghiaccio, menta o teal. Mantieni così la palette fredda ma varia, ideale per sanità, wellness e packaging produto puliti.

Come usare una palette Zaffiro nei design reali

Inizia assegnando i ruoli: scegli uno zaffiro come colore principale brand/UI, poi un tono più scuro "inchiostro" per testo e navigazione. Usa un neutro di sfondo (bianco, bianco caldo o blu chiarissimo) per tutelare leggibilità e spaziatura.

Usa gli accenti con parsimonia. Un solo accento caldo (corallo, oro, giallo) funziona meglio se segnala azione o importanza—come pulsanti principali, metriche chiave o decorazioni di stampa limitate.

Prima di pubblicare, verifica il contrasto sia in modalità chiara che scura. Lo zaffiro può apparire più brillante sugli schermi che in stampa, quindi testa su dispositivi reali e valuta di smorzare leggermente la saturazione per superfici ampie.

Crea visual di palette Zaffiro con l’AI

Se hai già codici HEX puoi creare mockup in fretta—poster, schermate UI, packaging o moodboard—per vedere come lo zaffiro si comporta nel contesto. Il test visivo è il modo più rapido per validare contrasto, gerarchia e bilanciamento degli accenti.

Con Media.io text-to-image puoi generare esempi di design coerenti descrivendo layout, luce e stile (per esempio: "opuscolo editoriale", "UI dark mode" o "adv prodotto studio") mantenendo lo zaffiro come colore dominante.

Prova a generare qualche variazione con accenti diversi (oro vs corallo vs ciano) per trovare il tono più adatto alla personalità del tuo brand.

Successivo: Palette Colori Royal Purple