Palette colori blu navy: 20 idee con codici HEX per l’interior design

Il blu Navy è uno dei colori "seri" più versatili: sembra premium come il nero, ma più morbido, più amichevole e spesso più facile da leggere nell'interfaccia utente e nella stampa.

Di seguito sono riportate più di 20 idee di tavolozza di colori blu navy con codici esagonali, oltre a pratici suggerimenti di abbinamento per branding, interfacce e interni.

Perché le tavolozze blu Navy funzionano così bene

Il blu Navy porta autorità e fiducia (comune in finanza, SaaS e governo) pur rimanendo più caldo e umano del nero puro. Questo lo rende ideale per i marchi che vogliono sentirsi sicuri senza sembrare duro.

Suona bene anche con accenti freddi e caldi. Puoi spingere il blu navy verso l'interfaccia utente fresca e ghiacciata con il blu pallido, o verso eleganti vibrazioni editoriali con champagne, tan e oro metallico.

Dal punto di vista dell'usabilità, navy è eccellente per la struttura: navigazione, intestazioni e divisori di sezione. Con i giusti neutri di luce, supporta un alto contrasto e una lettura confortevole.

20+ idee di tavolozza di colori blu Navy (con codici esagonali)

1) Porto di mezzanotte

esagonale:#081A2E#0E2A47#1F4E6B#9FB8C9#F2F5F7

umore:moody, nautico, lucido

Migliore per:branding alberghiero, siti web premium, visuali eventi serali

Moody e cinematografico come un porto dopo il tramonto, questi toni sembrano sicuri e di lusso. Utilizzare la base profonda per intestazioni e sezioni di eroi, quindi aumentare la leggibilità con nebbioso grigio-blu e quasi-bianco. Gli accenti in ottone o in legno caldo sembrano particolarmente raffinati contro la gamma cool navy. Suggerimento: mantenere il testo del corpo sul campione più chiaro e riservare il più scuro per la navigazione e CTA.

Esempio di immagine di midnight harbor generato utilizzando media.io

Media.io

Media.io è uno studio di intelligenza artificiale online per creare e modificare video, immagini e audio nel tuo browser.

Provalo ora gratuitamente

2) Blu marino con finiture dorate

esagonale:#0A1F3D#12335F#2E5E8A#D7B56D#FFF6E6

umore:Regale, caldo, celebrativo

Migliore per:Imballaggi, Inviti, Annunci di prodotti di lusso

Regale e celebrativo, evoca abiti di velluto, calda luce di candela e sottile brillantezza. Abbinare i blues profondi con oro oscurato per bordi, momenti di foil-stamp o bottoni di spicco. Il bianco scuro cremoso mantiene i layout ariosi pur ancora sembrando formale. Suggerimento: utilizzare l'oro con parsimonia (5-10%) in modo che si legge come un evidenziatore, non come un blocco.

Esempio di immagine di gold-trimmed navy generato utilizzando media.io

3) Crepuscolo costiero

esagonale:#0B2342#214D72#5C88A8#BFD6DF#EDE6D6

umore:Calmo, Vento, Costiera

Migliore per:Blog di viaggio, marchi di spa, editoriali di lifestyle

Calmo e ventoso come un cielo sulla costa che svanisce nella sera, i blues sembrano riparatori piuttosto che pesanti. Equilibra i toni più scuri con il morbido blu vetro marino e il grigio nuvoloso per mantenere le pagine chiare. Il neutro sabbioso aggiunge calore alle intestazioni, ai divisori o ai pannelli di sfondo. Suggerimento: prova un gradiente da blu intenso a blu pallido per le sovrapposizioni delle immagini degli eroi.

Esempio di immagine di crepuscolo costiero generato utilizzando media.io

4) ardesia e sabbia

esagonale:#0D203A#243B53#6B7C8C#D1C3A5#FAF8F2

umore:A terra, moderno, minimale

Migliore per:mood Board per interni, Portfolio di architettura, Deck aziendali

A terra e moderno, si sente come pietra di ardesia, rivestimento di lino e luce diurna pulita. Questa tavolozza di colori blu navy funziona splendidamente quando si desidera autorità senza contrasti duri. Abbinare i grigi freddi con il beige sabbia per riscaldare le diapositive, i casi di studio e le didascalie del portfolio. Suggerimento: usa il beige come blocco di sfondo dietro le virgolette per ammorbidire il layout.

Esempio di immagine di slate & sand generato utilizzando media.io

5) inchiostro di bacche

esagonale:#0A1833#1B2D5A#5B3B6E#c35b7#F7E6EB

umore:Romantico, audace, creativo

Migliore per:Marchi di bellezza, Post social, Arte per album

Romantico e audace, ricorda l'inchiostro su carta strutturata con un tocco di rossetto a bacche. Usa il blu più scuro per la struttura, quindi lascia che plum e berry facciano la narrazione emotiva con accenti. La tinta del blush mantiene l'aspetto complessivo amichevole e condivisibile. Suggerimento: prenota il berry swatch per un elemento focale per disegno (badge, CTA o nome del prodotto).

Esempio di immagine di inchiostro di bacca generato utilizzando media.io

6) Notte artica

esagonale:#06162B#0F2E57#2F6E9B#A8D4EA#F4FBFF

umore:Nitidi, ad alto contrasto, tecnici

Migliore per:Interfaccia utente del dashboard, applicazioni fintech, report dati

Nitida e ad alto contrasto, evoca aria invernale, schermi chiari e messa a fuoco nitida. Queste combinazioni di colori blu navy sono ideali per l'interfaccia utente pesante di dati dove la gerarchia è importante. Lascia che il pallido blu ghiacciato trasporti grafici e carte, mentre i toni più profondi ancorano la navigazione e le barre laterali. Suggerimento: utilizzare la tinta più brillante solo per gli stati di successo o le metriche chiave in modo che rimanga speciale.

Esempio di immagine della notte artica generata utilizzando media.io

7) Biblioteca Vintage

esagonale:#0B1E36#2B3A55#6C5A49#B8936A

umore:vintage, accogliente, letterario

Migliore per:Copertine libri, Caffè, branding patrimonio

Vintage e accogliente, si sente come legature in pelle, scaffali in legno e caldo bagliore di lampada. La navy aggiunge serietà, mentre i marroni portano nostalgia e accessibilità. La pergamena cremosa è perfetta per menù, tipografia di copertina o etichette di imballaggio. Suggerimento: scegli uno sfondo leggermente strutturato per amplificare l'atmosfera del patrimonio senza disordine.

Immagine Esempio di libreria vintage generata utilizzando media.io

8) Striscia del marinaio

esagonale:#081B34#113A6B#2E6EA5#FFFFFF#E63946

umore:Sportivo, pulito, nautico

Migliore per:branding sportivo, Campagne estive, poster design

Sportivo e pulito, canala strisce fresche, aria fresca e un tocco di rosso segnale. Usa lo spazio bianco per mantenere i blues luminosi piuttosto che pesanti. L'accento rosso è più forte in piccole dosi: icone, sottolineamenti o un singolo distintivo. Suggerimento: impostare un rigoroso equilibrio 70/25/5 (blu/bianco/rosso) per un look nitido e coerente.

Esempio di immagine di marinaio stripe generato utilizzando media.io

9) Turno notturno al Neon

esagonale:#070F26#132E63#2c6letto#20D7D4#F6F7FF

umore:Energico, Futuristico, Vita notturna

Migliore per:Volantini musicali, marchi di gioco, schermi di splash delle app

Energico e futuristico, si legge come le luci della città contro un cielo notturno. Il blu elettrico e il verde azzurro portano movimento e modernità senza perdere la sensazione a terra della base scura. Mantieni la tipografia semplice e lascia che gli accenti al neon portino la personalità. Suggerimento: provare i contorni luminosi o i pulsanti gradienti, ma limitarli alle azioni chiave per evitare rumore visivo.

Esempio di immagine di neon nightshift generato utilizzando media.io

10) Blu marina e Terracotta

esagonale:#081B3A#1E3A62#5F7FA3#C96B4B#F3E8DC

umore:terroso, mediterraneo, accogliente

Migliore per:Ristorante branding, home Decoration, lifestyle Annunci

Terrena e accogliente, si sente come tetti in cotto sotto un profondo cielo serale. L'accento argilloso caldo impedisce ai blues di sembrare troppo corporate e si abbina bene alle texture naturali. Usa la crema leggera per menu, segnaletica e spazio di sfondo per mantenere tutto leggibile. Suggerimento: ripetere la terracotta in piccoli punti di contatto (icone, proiettili, finiture) per la coesione.

Esempio di immagine di navy & terracotta generato utilizzando media.io

11) Denim tempestoso

esagonale:#0B1A2A#1B3550#3E5F7A#7F9FB6#D7E1E8

umore:casual, Affidabile, cool

Migliore per:Marche di abbigliamento da lavoro, ecommerce, intestazioni blog

Casual e affidabile, questi toni sembrano denim indossati e cieli nuvolosi. Utilizzare il blu medio per i pulsanti e gli stati dell'interfaccia utente per mantenere le interazioni amichevoli e familiari. La tinta in acciaio pallido è ottima per sfondi di sezione e griglie di prodotto. Suggerimento: Aggiungi grani sottili o motivi simili al tessuto per rafforzare la sensazione del denim senza danneggiare il contrasto.

Esempio di immagine di stormy denim generato utilizzando media.io

12) Profondità del pavone

esagonale:#061A2C#0E3B52#0F6B6E#5FC4B6#E9FFF9

umore:lussureggiante, artistico, oceanico

Migliore per:Marchi wellness, imballaggi, loghi boutique

Lussureggiante e oceanico, suggerisce acque profonde, piume di pavone e calma come una spa. La gamma teal aggiunge personalità mentre la tonalità più scura mantiene il look premium. Abbinalo a bianco opaco, pietra chiara neutra o argento spazzolato per una finitura pulita. Suggerimento: utilizza il bright aqua per micro-accenti come icone, separatori di linee e stati di hover.

Immagine Esempio di profondità di pavone generato utilizzando media.io

13) Quarzo rosa blu marino

esagonale:#0A1A33#1C2F57#6E87A6#E7B7C6#FFF4F7

umore:Morbido, elegante, romantico

Migliore per:Suite matrimoniali, beauty landing pages, branding femminile

Morbido ed elegante, sembra un gioiello di quarzo rosa contro un abito da sera scuro. Questa tavolozza di colori blu navy è una scelta forte per disegni romantici che hanno ancora bisogno di una struttura chiara. Equilibra i toni del blush con un sacco di quasi bianco per mantenere la tipologia nitida e la fotografia luminosa. Suggerimento: applicare il blush solo su sfondi e highlight, non su testi lunghi, per una migliore leggibilità.

Esempio di immagine di rose quartz navy generato utilizzando media.io

14) Uniforme Oliva

esagonale:#071B2D#1F3455#4C6A5A#A3B18A#F5F1E6

umore:Pratico, All'aperto, A terra

Migliore per:Marchi outdoor, uniformi, rapporti di sostenibilità

Pratico e a terra, ricorda giacche da campo, ombreggiatura in pino e materiali affidabili. I toni olivi ammorbidiscono la base scura e aggiungono un bordo naturale ed eco-forward. Utilizzare il caldo off-white per layout con contenuti pesanti come report e pagine lunghe. Suggerimento: abbinare con texture di carta kraft o materiale riciclato per rafforzare il messaggio outdoorsy.

Esempio di immagine di olive uniform generato utilizzando media.io

15) Serata di Champagne

esagonale:#071A35#18385F#445D7A#E8D6B6#FFF9EF

umore:glam, caldo, sofisticato

Migliore per:Inviti di gala, Eventi di lusso, Newsletter premium

Glam e sofisticato, ricorda la schiuma di champagne, abiti su misura e luoghi poco illuminati. I toni caldi dello champagne impediscono al blues di sentirsi freddi e fanno sentire i titoli invitanti. Utilizzare il blu medio per il tipo secondario e lasciare che la tonalità più profonda incorniciare la composizione. Suggerimento: aggiungi regole e bordi sottili per creare un ritmo editoriale di fascia alta.

Esempio di immagine di serata di champagne generato utilizzando media.io

16) UI di Cyber Navy

esagonale:#050C1E#101E3B#2A3F7A#6E8CFF#EAF0FF

umore:Elegante, moderno, prodotto-LED

Migliore per:Interfaccia utente SaaS, schermi di onboarding, componenti in modalità scura

Elegante e guidato dal prodotto, sembra uno spazio di lavoro in modalità scura con luci chiare e fresche. Usa l'accento periwinkle per le azioni primarie e gli stati attivi mantenendo le superfici nei blues più profondi. La tinta chiara aiuta le carte e i modali a distinguersi senza rendere l'interfaccia utente bianca. Suggerimento: mantenere le ombre sottili e fare affidamento sulla spaziatura più il contrasto per la profondità.

Esempio di immagine dell'interfaccia utente di cyber navy generata utilizzando media.io

17) silenzioso minimo

esagonale:#0B1730#222B3F#6A7387#papa6#FFFFFF

umore:Minimale, silenzioso, professionale

Migliore per:Modelli di curriculum vitae, Siti aziendali, Deck di presentazione

Tranquillo e professionale, suggerisce cancelleria nitida e presentazioni ben curate. Il blu marina quasi nero e il carbone creano una gerarchia di tipo sicura senza sembrare duro. Il grigio chiaro e il bianco mantengono la tela pulita per grafici, tabelle e testi lunghi. Suggerimento: scegliere un tono scuro per le intestazioni e rispettarlo in tutto il sistema per la coerenza.

Esempio di immagine di quiet minimal generato utilizzando media.io

18) Foresta di indaco

esagonale:#07162B#1A2D4F#2F4A3E#6D8F73#EAF2EA

umore:Naturale, calmo, contemplativo

Migliore per:Stampe botaniche, imballaggio ecologico, marchio di ritiro

Naturale e contemplativo, sembra un'ombra di sempreverdi sotto un cielo indaco. La gamma green aggiunge equilibrio organico alla base profonda e funziona bene con materiali riciclati. Utilizzare la tinta menta pallida per respirare in etichette e opuscoli. Suggerimento: Aggiungi linee botaniche nella tonalità più scura per uno stile di illustrazione raffinato e sobrio.

Esempio di immagine di indigo forest generato utilizzando media.io

19) Marmo e blu marino

esagonale:#071733#1D325A#5B6F8F#C8D0DA#F7F7F8

umore:Pulito, architettonico, premium

Migliore per:branding immobiliare, Siti di portafoglio, Cancelleria

Pulito e architettonico, evoca marmo fresco, metallo lucido e bordi taglienti. I passaggi grigio-blu rendono facile costruire profondità su carte, sezioni e elementi di stampa. Abbinare con semplice tipo sans-serif e un sacco di spazio negativo per una finitura di fascia alta. Suggerimento: mantenere la fotografia fredda in modo che si fonda naturalmente con i neutri simili alla pietra.

Immagine di marble & navy generata utilizzando media.io

20) Scintilla di agrumi

esagonale:#081634#1A3C6D#4E7FB8#FFC857#F5FAFF

umore:Ottimista, sportivo, moderno

Migliore per:branding per startup, banner promozionali, badge per app

Ottimista e moderno, si sente come la luce del sole che taglia attraverso il cielo blu profondo. Il giallo agrumi aggiunge energia istantanea e migliora la visibilità per le azioni chiave. Usa il blu più pallido e il quasi bianco per mantenere i layout freschi e ridurre lo sforzo oculare. Suggerimento: trasforma il giallo in uno stile di evidenziazione coerente (sottolineamento, tag o riempimento icona) per unificare il sistema.

Esempio di immagine di citrus spark generato utilizzando media.io

21) Mattoni e progetti

esagonale:#081A33#163A63#3F6C9B#B55239#F2EEE8

umore:industriale, fiducioso, artigianale

Migliore per:Marchi di costruzione, poster di officina, loghi dei produttori

Industriale e sicuro, suggerisce carta di progetto, pareti di mattoni e artigianato pratico. Queste combinazioni di colori blu navy si abbinano particolarmente bene ai materiali strutturati e al tipo sans-serif audace. Utilizzare il rosso mattone per chiamate all'azione o etichette chiave, e mantenere il bianco spento per la respirazione spazio. Suggerimento: Aggiungi semplici icone di linea in mezzo blu per rafforzare una sensazione tecnica e affidabile.

Esempio di immagine di brick & blueprint generato utilizzando media.io

22) Contrasto nero inchiostro

esagonale:#060F22#0B1F3A#2D3C4F#000000#FFFFFF

umore:Drammatico, moderno, ad alto contrasto

Migliore per:Lookbook di moda, portafogli fotografici, interfaccia utente in grassetto

Drammatico e moderno, sembra ombre inchiostro contro la luce nitida dello studio. Usa gli estremi in bianco e nero per il pugno e lascia che il blu marina e il carbone ammorbidiscano le transizioni tra le sezioni. Il risultato è una tavolozza di colori blu navy che rimane audace senza sembrare piatto. Suggerimento: mantenere le immagini monocromatiche o desaturate in modo che il contrasto risulti intenzionale e premium.

Immagine Esempio di contrasto inky noir generato utilizzando media.io

Quali colori vanno bene con il blu Navy?

Il blu Navy si abbina naturalmente a neutri nitidi come il bianco, il bianco e il grigio fresco per layout puliti e professionali. Se vuoi una sensazione più morbida, sostituisci il bianco brillante con tonalità crema o pergamena.

Per calore e raffinatezza, unisci il blu navy a metallici (oro, ottone, champagne) o accenti terrosi come terracotta e marrone. Questi aggiungono contrasto senza rendere la tavolozza rumorosa.

Per essere audaci, prova gli accenti ad alta visibilità come il giallo agrume, il rosso segnale, il blu elettrico o il verde azzurro: è meglio usarlo con parsimonia per CTA, icone e punti salienti chiave.

Come utilizzare una tavolozza di colori blu Navy nei disegni reali

Inizia con l'assegnazione del ruolo: scegli uno navy più scuro per la navigazione/intestazioni, uno tono medio per gli stati interattivi dell'interfaccia utente e uno neutro chiaro per gli sfondi. Ciò mantiene la gerarchia coerente tra le pagine o le diapositive.

Bilanciare il peso con lo spazio bianco. Navy può sentirsi pesante quando usato eccessivamente, quindi dargli spazio respiratorio con sezioni leggere, spaziatura generosa e divisori sottili invece di blocchi spessi.

Per l'accessibilità, testa il contrasto su testo e pulsanti. Usa quasi bianco per i testi lunghi e riserva accenti saturi per piccoli elementi che richiedono attenzione, non per i paragrafi.

Crea visuali della tavolozza blu Navy con l'intelligenza artificiale

Vuoi vedere una combinazione di colori blu navy in azione prima di decidere? Genera rapidamente mockup—landing page, poster, packaging o schermate UI—così puoi validare mood e contrasto in pochi secondi.

Con Media.io Testo-immagine, puoi incollare un prompt (e la tua ispirazione HEX scelta) per produrre indicazioni di stile coerenti, poi iterare su tipografia, densità del layout e utilizzo del colore d’accento.

Usalo per creare più variazioni (minimalista, lusso, giocoso, tecnologico) partendo dalla stessa base navy, così il tuo team può confrontare le opzioni fianco a fianco.

Prossimo: Palette colore Bianco Nero

Il blu Navy è uno dei colori "seri" più versatili: sembra premium come il nero, ma più morbido, più amichevole e spesso più facile da leggere nell'interfaccia utente e nella stampa.

Di seguito sono riportate più di 20 idee di tavolozza di colori blu navy con codici esagonali, oltre a pratici suggerimenti di abbinamento per branding, interfacce e interni.

Perché le tavolozze blu Navy funzionano così bene

Il blu Navy porta autorità e fiducia (comune in finanza, SaaS e governo) pur rimanendo più caldo e umano del nero puro. Questo lo rende ideale per i marchi che vogliono sentirsi sicuri senza sembrare duro.

Suona bene anche con accenti freddi e caldi. Puoi spingere il blu navy verso l'interfaccia utente fresca e ghiacciata con il blu pallido, o verso eleganti vibrazioni editoriali con champagne, tan e oro metallico.

Dal punto di vista dell'usabilità, navy è eccellente per la struttura: navigazione, intestazioni e divisori di sezione. Con i giusti neutri di luce, supporta un alto contrasto e una lettura confortevole.

20+ idee di tavolozza di colori blu Navy (con codici esagonali)

1) Porto di mezzanotte

esagonale:#081A2E#0E2A47#1F4E6B#9FB8C9#F2F5F7

umore:moody, nautico, lucido

Migliore per:branding alberghiero, siti web premium, visuali eventi serali

Moody e cinematografico come un porto dopo il tramonto, questi toni sembrano sicuri e di lusso. Utilizzare la base profonda per intestazioni e sezioni di eroi, quindi aumentare la leggibilità con nebbioso grigio-blu e quasi-bianco. Gli accenti in ottone o in legno caldo sembrano particolarmente raffinati contro la gamma cool navy. Suggerimento: mantenere il testo del corpo sul campione più chiaro e riservare il più scuro per la navigazione e CTA.

Esempio di immagine di midnight harbor generato utilizzando media.io

Media.io

Media.io è uno studio di intelligenza artificiale online per creare e modificare video, immagini e audio nel tuo browser.

Provalo ora gratuitamente

2) Blu marino con finiture dorate

esagonale:#0A1F3D#12335F#2E5E8A#D7B56D#FFF6E6

umore:Regale, caldo, celebrativo

Migliore per:Imballaggi, Inviti, Annunci di prodotti di lusso

Regale e celebrativo, evoca abiti di velluto, calda luce di candela e sottile brillantezza. Abbinare i blues profondi con oro oscurato per bordi, momenti di foil-stamp o bottoni di spicco. Il bianco scuro cremoso mantiene i layout ariosi pur ancora sembrando formale. Suggerimento: utilizzare l'oro con parsimonia (5-10%) in modo che si legge come un evidenziatore, non come un blocco.

Esempio di immagine di gold-trimmed navy generato utilizzando media.io

3) Crepuscolo costiero

esagonale:#0B2342#214D72#5C88A8#BFD6DF#EDE6D6

umore:Calmo, Vento, Costiera

Migliore per:Blog di viaggio, marchi di spa, editoriali di lifestyle

Calmo e ventoso come un cielo sulla costa che svanisce nella sera, i blues sembrano riparatori piuttosto che pesanti. Equilibra i toni più scuri con il morbido blu vetro marino e il grigio nuvoloso per mantenere le pagine chiare. Il neutro sabbioso aggiunge calore alle intestazioni, ai divisori o ai pannelli di sfondo. Suggerimento: prova un gradiente da blu intenso a blu pallido per le sovrapposizioni delle immagini degli eroi.

Esempio di immagine di crepuscolo costiero generato utilizzando media.io

4) ardesia e sabbia

esagonale:#0D203A#243B53#6B7C8C#D1C3A5#FAF8F2

umore:A terra, moderno, minimale

Migliore per:mood Board per interni, Portfolio di architettura, Deck aziendali

A terra e moderno, si sente come pietra di ardesia, rivestimento di lino e luce diurna pulita. Questa tavolozza di colori blu navy funziona splendidamente quando si desidera autorità senza contrasti duri. Abbinare i grigi freddi con il beige sabbia per riscaldare le diapositive, i casi di studio e le didascalie del portfolio. Suggerimento: usa il beige come blocco di sfondo dietro le virgolette per ammorbidire il layout.

Esempio di immagine di slate & sand generato utilizzando media.io

5) inchiostro di bacche

esagonale:#0A1833#1B2D5A#5B3B6E#c35b7#F7E6EB

umore:Romantico, audace, creativo

Migliore per:Marchi di bellezza, Post social, Arte per album

Romantico e audace, ricorda l'inchiostro su carta strutturata con un tocco di rossetto a bacche. Usa il blu più scuro per la struttura, quindi lascia che plum e berry facciano la narrazione emotiva con accenti. La tinta del blush mantiene l'aspetto complessivo amichevole e condivisibile. Suggerimento: prenota il berry swatch per un elemento focale per disegno (badge, CTA o nome del prodotto).

Esempio di immagine di inchiostro di bacca generato utilizzando media.io

6) Notte artica

esagonale:#06162B#0F2E57#2F6E9B#A8D4EA#F4FBFF

umore:Nitidi, ad alto contrasto, tecnici

Migliore per:Interfaccia utente del dashboard, applicazioni fintech, report dati

Nitida e ad alto contrasto, evoca aria invernale, schermi chiari e messa a fuoco nitida. Queste combinazioni di colori blu navy sono ideali per l'interfaccia utente pesante di dati dove la gerarchia è importante. Lascia che il pallido blu ghiacciato trasporti grafici e carte, mentre i toni più profondi ancorano la navigazione e le barre laterali. Suggerimento: utilizzare la tinta più brillante solo per gli stati di successo o le metriche chiave in modo che rimanga speciale.

Esempio di immagine della notte artica generata utilizzando media.io

7) Biblioteca Vintage

esagonale:#0B1E36#2B3A55#6C5A49#B8936A

umore:vintage, accogliente, letterario

Migliore per:Copertine libri, Caffè, branding patrimonio

Vintage e accogliente, si sente come legature in pelle, scaffali in legno e caldo bagliore di lampada. La navy aggiunge serietà, mentre i marroni portano nostalgia e accessibilità. La pergamena cremosa è perfetta per menù, tipografia di copertina o etichette di imballaggio. Suggerimento: scegli uno sfondo leggermente strutturato per amplificare l'atmosfera del patrimonio senza disordine.

Immagine Esempio di libreria vintage generata utilizzando media.io

8) Striscia del marinaio

esagonale:#081B34#113A6B#2E6EA5#FFFFFF#E63946

umore:Sportivo, pulito, nautico

Migliore per:branding sportivo, Campagne estive, poster design

Sportivo e pulito, canala strisce fresche, aria fresca e un tocco di rosso segnale. Usa lo spazio bianco per mantenere i blues luminosi piuttosto che pesanti. L'accento rosso è più forte in piccole dosi: icone, sottolineamenti o un singolo distintivo. Suggerimento: impostare un rigoroso equilibrio 70/25/5 (blu/bianco/rosso) per un look nitido e coerente.

Esempio di immagine di marinaio stripe generato utilizzando media.io

9) Turno notturno al Neon

esagonale:#070F26#132E63#2c6letto#20D7D4#F6F7FF

umore:Energico, Futuristico, Vita notturna

Migliore per:Volantini musicali, marchi di gioco, schermi di splash delle app

Energico e futuristico, si legge come le luci della città contro un cielo notturno. Il blu elettrico e il verde azzurro portano movimento e modernità senza perdere la sensazione a terra della base scura. Mantieni la tipografia semplice e lascia che gli accenti al neon portino la personalità. Suggerimento: provare i contorni luminosi o i pulsanti gradienti, ma limitarli alle azioni chiave per evitare rumore visivo.

Esempio di immagine di neon nightshift generato utilizzando media.io

10) Blu marina e Terracotta

esagonale:#081B3A#1E3A62#5F7FA3#C96B4B#F3E8DC

umore:terroso, mediterraneo, accogliente

Migliore per:Ristorante branding, home Decoration, lifestyle Annunci

Terrena e accogliente, si sente come tetti in cotto sotto un profondo cielo serale. L'accento argilloso caldo impedisce ai blues di sembrare troppo corporate e si abbina bene alle texture naturali. Usa la crema leggera per menu, segnaletica e spazio di sfondo per mantenere tutto leggibile. Suggerimento: ripetere la terracotta in piccoli punti di contatto (icone, proiettili, finiture) per la coesione.

Esempio di immagine di navy & terracotta generato utilizzando media.io

11) Denim tempestoso

esagonale:#0B1A2A#1B3550#3E5F7A#7F9FB6#D7E1E8

umore:casual, Affidabile, cool

Migliore per:Marche di abbigliamento da lavoro, ecommerce, intestazioni blog

Casual e affidabile, questi toni sembrano denim indossati e cieli nuvolosi. Utilizzare il blu medio per i pulsanti e gli stati dell'interfaccia utente per mantenere le interazioni amichevoli e familiari. La tinta in acciaio pallido è ottima per sfondi di sezione e griglie di prodotto. Suggerimento: Aggiungi grani sottili o motivi simili al tessuto per rafforzare la sensazione del denim senza danneggiare il contrasto.

Esempio di immagine di stormy denim generato utilizzando media.io

12) Profondità del pavone

esagonale:#061A2C#0E3B52#0F6B6E#5FC4B6#E9FFF9

umore:lussureggiante, artistico, oceanico

Migliore per:Marchi wellness, imballaggi, loghi boutique

Lussureggiante e oceanico, suggerisce acque profonde, piume di pavone e calma come una spa. La gamma teal aggiunge personalità mentre la tonalità più scura mantiene il look premium. Abbinalo a bianco opaco, pietra chiara neutra o argento spazzolato per una finitura pulita. Suggerimento: utilizza il bright aqua per micro-accenti come icone, separatori di linee e stati di hover.

Immagine Esempio di profondità di pavone generato utilizzando media.io

13) Quarzo rosa blu marino

esagonale:#0A1A33#1C2F57#6E87A6#E7B7C6#FFF4F7

umore:Morbido, elegante, romantico

Migliore per:Suite matrimoniali, beauty landing pages, branding femminile

Morbido ed elegante, sembra un gioiello di quarzo rosa contro un abito da sera scuro. Questa tavolozza di colori blu navy è una scelta forte per disegni romantici che hanno ancora bisogno di una struttura chiara. Equilibra i toni del blush con un sacco di quasi bianco per mantenere la tipologia nitida e la fotografia luminosa. Suggerimento: applicare il blush solo su sfondi e highlight, non su testi lunghi, per una migliore leggibilità.

Esempio di immagine di rose quartz navy generato utilizzando media.io

14) Uniforme Oliva

esagonale:#071B2D#1F3455#4C6A5A#A3B18A#F5F1E6

umore:Pratico, All'aperto, A terra

Migliore per:Marchi outdoor, uniformi, rapporti di sostenibilità

Pratico e a terra, ricorda giacche da campo, ombreggiatura in pino e materiali affidabili. I toni olivi ammorbidiscono la base scura e aggiungono un bordo naturale ed eco-forward. Utilizzare il caldo off-white per layout con contenuti pesanti come report e pagine lunghe. Suggerimento: abbinare con texture di carta kraft o materiale riciclato per rafforzare il messaggio outdoorsy.

Esempio di immagine di olive uniform generato utilizzando media.io

15) Serata di Champagne

esagonale:#071A35#18385F#445D7A#E8D6B6#FFF9EF

umore:glam, caldo, sofisticato

Migliore per:Inviti di gala, Eventi di lusso, Newsletter premium

Glam e sofisticato, ricorda la schiuma di champagne, abiti su misura e luoghi poco illuminati. I toni caldi dello champagne impediscono al blues di sentirsi freddi e fanno sentire i titoli invitanti. Utilizzare il blu medio per il tipo secondario e lasciare che la tonalità più profonda incorniciare la composizione. Suggerimento: aggiungi regole e bordi sottili per creare un ritmo editoriale di fascia alta.

Esempio di immagine di serata di champagne generato utilizzando media.io

16) UI di Cyber Navy

esagonale:#050C1E#101E3B#2A3F7A#6E8CFF#EAF0FF

umore:Elegante, moderno, prodotto-LED

Migliore per:Interfaccia utente SaaS, schermi di onboarding, componenti in modalità scura

Elegante e guidato dal prodotto, sembra uno spazio di lavoro in modalità scura con luci chiare e fresche. Usa l'accento periwinkle per le azioni primarie e gli stati attivi mantenendo le superfici nei blues più profondi. La tinta chiara aiuta le carte e i modali a distinguersi senza rendere l'interfaccia utente bianca. Suggerimento: mantenere le ombre sottili e fare affidamento sulla spaziatura più il contrasto per la profondità.

Esempio di immagine dell'interfaccia utente di cyber navy generata utilizzando media.io

17) silenzioso minimo

esagonale:#0B1730#222B3F#6A7387#papa6#FFFFFF

umore:Minimale, silenzioso, professionale

Migliore per:Modelli di curriculum vitae, Siti aziendali, Deck di presentazione

Tranquillo e professionale, suggerisce cancelleria nitida e presentazioni ben curate. Il blu marina quasi nero e il carbone creano una gerarchia di tipo sicura senza sembrare duro. Il grigio chiaro e il bianco mantengono la tela pulita per grafici, tabelle e testi lunghi. Suggerimento: scegliere un tono scuro per le intestazioni e rispettarlo in tutto il sistema per la coerenza.

Esempio di immagine di quiet minimal generato utilizzando media.io

18) Foresta di indaco

esagonale:#07162B#1A2D4F#2F4A3E#6D8F73#EAF2EA

umore:Naturale, calmo, contemplativo

Migliore per:Stampe botaniche, imballaggio ecologico, marchio di ritiro

Naturale e contemplativo, sembra un'ombra di sempreverdi sotto un cielo indaco. La gamma green aggiunge equilibrio organico alla base profonda e funziona bene con materiali riciclati. Utilizzare la tinta menta pallida per respirare in etichette e opuscoli. Suggerimento: Aggiungi linee botaniche nella tonalità più scura per uno stile di illustrazione raffinato e sobrio.

Esempio di immagine di indigo forest generato utilizzando media.io

19) Marmo e blu marino

esagonale:#071733#1D325A#5B6F8F#C8D0DA#F7F7F8

umore:Pulito, architettonico, premium

Migliore per:branding immobiliare, Siti di portafoglio, Cancelleria

Pulito e architettonico, evoca marmo fresco, metallo lucido e bordi taglienti. I passaggi grigio-blu rendono facile costruire profondità su carte, sezioni e elementi di stampa. Abbinare con semplice tipo sans-serif e un sacco di spazio negativo per una finitura di fascia alta. Suggerimento: mantenere la fotografia fredda in modo che si fonda naturalmente con i neutri simili alla pietra.

Immagine di marble & navy generata utilizzando media.io

20) Scintilla di agrumi

esagonale:#081634#1A3C6D#4E7FB8#FFC857#F5FAFF

umore:Ottimista, sportivo, moderno

Migliore per:branding per startup, banner promozionali, badge per app

Ottimista e moderno, si sente come la luce del sole che taglia attraverso il cielo blu profondo. Il giallo agrumi aggiunge energia istantanea e migliora la visibilità per le azioni chiave. Usa il blu più pallido e il quasi bianco per mantenere i layout freschi e ridurre lo sforzo oculare. Suggerimento: trasforma il giallo in uno stile di evidenziazione coerente (sottolineamento, tag o riempimento icona) per unificare il sistema.

Esempio di immagine di citrus spark generato utilizzando media.io

21) Mattoni e progetti

esagonale:#081A33#163A63#3F6C9B#B55239#F2EEE8

umore:industriale, fiducioso, artigianale

Migliore per:Marchi di costruzione, poster di officina, loghi dei produttori

Industriale e sicuro, suggerisce carta di progetto, pareti di mattoni e artigianato pratico. Queste combinazioni di colori blu navy si abbinano particolarmente bene ai materiali strutturati e al tipo sans-serif audace. Utilizzare il rosso mattone per chiamate all'azione o etichette chiave, e mantenere il bianco spento per la respirazione spazio. Suggerimento: Aggiungi semplici icone di linea in mezzo blu per rafforzare una sensazione tecnica e affidabile.

Esempio di immagine di brick & blueprint generato utilizzando media.io

22) Contrasto nero inchiostro

esagonale:#060F22#0B1F3A#2D3C4F#000000#FFFFFF

umore:Drammatico, moderno, ad alto contrasto

Migliore per:Lookbook di moda, portafogli fotografici, interfaccia utente in grassetto

Drammatico e moderno, sembra ombre inchiostro contro la luce nitida dello studio. Usa gli estremi in bianco e nero per il pugno e lascia che il blu marina e il carbone ammorbidiscano le transizioni tra le sezioni. Il risultato è una tavolozza di colori blu navy che rimane audace senza sembrare piatto. Suggerimento: mantenere le immagini monocromatiche o desaturate in modo che il contrasto risulti intenzionale e premium.

Immagine Esempio di contrasto inky noir generato utilizzando media.io

Quali colori vanno bene con il blu Navy?

Il blu Navy si abbina naturalmente a neutri nitidi come il bianco, il bianco e il grigio fresco per layout puliti e professionali. Se vuoi una sensazione più morbida, sostituisci il bianco brillante con tonalità crema o pergamena.

Per calore e raffinatezza, unisci il blu navy a metallici (oro, ottone, champagne) o accenti terrosi come terracotta e marrone. Questi aggiungono contrasto senza rendere la tavolozza rumorosa.

Per essere audaci, prova gli accenti ad alta visibilità come il giallo agrume, il rosso segnale, il blu elettrico o il verde azzurro: è meglio usarlo con parsimonia per CTA, icone e punti salienti chiave.

Come utilizzare una tavolozza di colori blu Navy nei disegni reali

Inizia con l'assegnazione del ruolo: scegli uno navy più scuro per la navigazione/intestazioni, uno tono medio per gli stati interattivi dell'interfaccia utente e uno neutro chiaro per gli sfondi. Ciò mantiene la gerarchia coerente tra le pagine o le diapositive.

Bilanciare il peso con lo spazio bianco. Navy può sentirsi pesante quando usato eccessivamente, quindi dargli spazio respiratorio con sezioni leggere, spaziatura generosa e divisori sottili invece di blocchi spessi.

Per l'accessibilità, testa il contrasto su testo e pulsanti. Usa quasi bianco per i testi lunghi e riserva accenti saturi per piccoli elementi che richiedono attenzione, non per i paragrafi.

Crea visuali della tavolozza blu Navy con l'intelligenza artificiale

Vuoi vedere una combinazione di colori blu navy in azione prima di decidere? Genera rapidamente mockup—landing page, poster, packaging o schermate UI—così puoi validare mood e contrasto in pochi secondi.

Con Media.io Testo-immagine, puoi incollare un prompt (e la tua ispirazione HEX scelta) per produrre indicazioni di stile coerenti, poi iterare su tipografia, densità del layout e utilizzo del colore d’accento.

Usalo per creare più variazioni (minimalista, lusso, giocoso, tecnologico) partendo dalla stessa base navy, così il tuo team può confrontare le opzioni fianco a fianco.

Prossimo: Palette colore Borgogna