20 idee palette colori blu navy e dark blue con codici hex

Le tavolozze blu scuro blu navy sono un go-to quando hai bisogno di fiducia istantanea, struttura e una sensazione premium. Possono leggere moderni nell'interfaccia utente, senza tempo nel branding e accoglienti negli interni, a seconda degli accenti che abbinate a loro.

Di seguito sono riportate 20 idee di tavolozza di colori blu scuro blu navy curate con codici esagonali, oltre a suggerimenti pratici e suggerimenti Media.io in modo da poter generare visuali corrispondenti rapidamente.

Perché le tavolozze blu scuro blu Navy funzionano così bene

Blu scuro Il blu navy si trova in un punto dolce tra l'autorità del nero e la chiarezza del blu, quindi si sente sicuro senza diventare duro. Ecco perché è comune nei sistemi di finanza, SaaS e progettazione aziendale dove la credibilità è importante.

Inoltre crea profondità istantanea. Una base navy rende gli accenti più luminosi (azzurro, oro, corallo, menta o persino neon) sembrano più intenzionali perché lo sfondo naturalmente "inquadra" elementi interattivi e informazioni chiave.

Infine, navy è versatile in tutti i mezzi. Resiste in stampa, si legge bene sugli schermi e si abbina bene sia con i neutri caldi (avorio, avena, grigio) che con le sfumature fresche (periwinkle, blu ghiaccio), rendendolo facile da scalare in una tavolozza completa del marchio.

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

1) Porto di mezzanotte

esagonale:#0B132B#1C2541#3A506B#5BC0BE#F4F1DE

umore:Calmo, marittimo, sofisticato

Migliore per:Eroi della pagina di destinazione saas

Calma e marittima, questo mix si sente come il chiaro di luna su acque profonde con un accento fresco di brezza marina. Usa il darkest navy per intestazioni e navigazione, quindi appoggiati al teal per CTA che spuntano senza sembrare neon. L'avorio caldo mantiene le sezioni leggibili e impedisce al layout di diventare troppo pesante. Suggerimento: riserva il teal per un'azione primaria per visualizzazione per mantenere la gerarchia pulita.

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) Cobalto Caduta della notte

esagonale:#0A0F2C#101B4D#1E3A8A#A7C7FF#EEF2FF

umore:Elegante, tech-forward, focalizzato

Migliore per:mockup dell'interfaccia utente del dashboard

Eleganti e focalizzati, questi toni si leggono come uno skyline della città illuminato da luci di cobalto. Costruisci profondità utilizzando il blu navy quasi nero per le barre laterali e il blu più brillante per gli stati attivi e i grafici. Il periwinkle pallido e il bianco spento mantengono leggibili le griglie dati e riducono l'affaticamento degli occhi. Suggerimento: abbinare il cobalto con sfumature sottili del 10-15% per gli stati di hover e selezione.

Esempio di immagine di cobalt nightfall generato utilizzando media.io

3) Inchiostro e rame

esagonale:#081027#111D3B#2B2F4A#B87333#F2E9E4

umore:Lussuoso, Editoriale, Caldo

Migliore per:Identità del marchio premium

Lussuoso e editoriale, evoca inchiostro scuro su carta testurizzata con una lucentezza di lamina di rame. Queste combinazioni di colori blu scuro blu scuro brillano in loghi, monogrammi e imballaggi dove si desidera un dramma contenuto. Conservare il rame come evidenza (regole, icone, piccole tipologie) e lasciare che il caldo bianco scuro faccia il sollevamento pesante per la leggibilità. Suggerimento: prova il rame sia su finiture opache che lucide per scegliere il calore giusto.

Esempio di immagine di inchiostro e rame generato utilizzando media.io

4) biancheria tempestosa

esagonale:#0D1B2A#1B263B#415A77#E0E1DD#C7BEB6

umore:Tranquillo, naturale, sobrio

Migliore per:Interno soggiorno moderno

Silenzioso e naturale, si sente come nuvole di tempesta sopra morbido lino e pietra. Utilizza il blu intenso per le mura da incasso, le pareti di accento o gli armadi e bilancia con i neutri della luce su superfici più grandi. Il tono grigio collega i legni caldi e le vernici fredde, rendendo l'intera stanza intenzionale. Suggerimento: aggiungi texture-bouclé, lino, intonaco opaco-per mantenere la tavolozza piatta.

Esempio di immagine di stormy linen generato utilizzando media.io

5) zaffiro agrumi

esagonale:#081A3A#0F2E5E#1D4ED8#FBBF24#FFF7ED

umore:Energico, audace, giocoso

Migliore per:Grafica promozionale dei social media

Energico e forte, è come una luce di zaffiro che taglia attraverso una brillante esplosione di agrumi. Usa il giallo dorato con parsimonia per etichette di prezzo, distintivi o statistiche chiave in modo che si legge come enfasi intenzionale. Il bianco scuro cremoso impedisce ai blues di travolgere piccole tele mobili. Suggerimento: mantenere il testo quasi bianco su blu navy o quasi blu navy su crema-evitare la copia del corpo blu medio.

Esempio di immagine di sapphire citrus generato utilizzando media.io

6) Velluto del museo

esagonale:#070B1A#121A3A#2A2F6B#9CA3AF#FAFAF9

umore:Drammatico, colto, raffinato

Migliore per:Editoriale magazine spread

Drammatici e colti, questi toni ricordano le pareti di galleria di velluto e le cornici lucide. Utilizzare il blu marino quasi nero per titoli e bordi, quindi ammorbidire le letture lunghe con il caldo sfondo bianco spazzato. Il grigio freddo funziona come didascalie, regole e tipografia secondaria senza competere per l'attenzione. Suggerimento: aggiungere un singolo elemento indaco saturo per ogni spalma per guidare l'occhio.

Esempio di immagine di museo velluto generato utilizzando media.io

7) Faro artico

esagonale:#06142E#0B2C5F#1B65A6#A8DADC#F1FAEE

umore:Fresco, fresco, all'aperto

Migliore per:Intestazione del sito web di viaggio

Fresco e fresco, si sente come aria polare e acqua limpida sotto un cielo limpido. Questa tavolozza di colori blu scuro blu scuro è ideale per i marchi di viaggio e outdoor che vogliono fiducia e un tocco di avventura. Usa la menta ghiacciata come accento per pulsanti e etichette, mentre il bianco morbido mantiene le immagini e la copia pulite. Suggerimento: lasciate che le foto portino il calore; Mantieni gli elementi dell'interfaccia utente freddi e minimali.

Esempio di immagine di arctic beacon generato usando media.io

8) Rosa dopo il buio

esagonale:#0B1026#1B1F3A#3B3561#E07A8C#F6F0F2

umore:Romantico, moderno, leggermente humorous

Migliore per:suite invito matrimonio

Romantico e moderno, evoca fiori crepuscolari contro un cielo buio. Abbinare il blush rose con un generoso spazio bianco per nomi e date, e utilizzare il blu navy più profondo per la tipografia formale. Il blu-viola attenuato aiuta a ponteggiare i due in modo che il contrasto sembri elegante, non duro. Suggerimento: stampa gli accenti di rosa come colore spot o foglio per mantenerli croccanti su stock strutturato.

Esempio di immagine di rose after dark generato utilizzando media.io

9) Marea di grafite

esagonale:#050A12#0F172A#334155#94A3B8#E2E8F0

umore:Minimale, professionale, equilibrato

Migliore per:Interfaccia utente dell'app finanziaria

Minimale e professionale, si legge come grafite, acciaio e acqua profonda. Usa i toni più scuri per la navigazione e i segnali di sicurezza, quindi lascia che l'ardesia e i grigi chiari portino tavoli e moduli. Questo mix funziona particolarmente bene quando si desidera un look serio senza andare completamente in bianco e nero. Suggerimento: mantenere i colori di errore e successo silenziati in modo che non si scontrano con la base fredda.

Esempio di immagine di graphite tide generato utilizzando media.io

10) Oro marinaio

esagonale:#081C2F#102A43#243B53#D4AF37#F8F5E6

umore:Classico, sicuro di sé, di lusso

Migliore per:Imballaggi prodotti di lusso

Classico e sicuro, ricorda le divise del capitano e un caldo dettaglio dorato. Usa l'oro come highlight premium su loghi, sigilli e piccoli bordi, mentre le marine forniscono uno sfondo robusto. Il neutro cremoso impedisce al set di sentirsi freddo e aiuta le informazioni sul prodotto a rimanere leggibili. Suggerimento: scegli un oro leggermente più scuro per il testo piccolo in modo che regga in stampa.

Esempio di immagine di seafarer gold generato utilizzando media.io

11) Denim e avena

esagonale:#0A1B33#12355B#2D6CDF#DCC9A1#F7F3E8

umore:Amichevole, casual, accessibile

Migliore per:Vetrina ecommerce

Amichevole e casual, si sente come un denim ben indossato con caldi toni di avena. Utilizzare il blu medio per collegamenti e evidenziazioni, e appoggiarsi sui neutri chiari per griglie di prodotti e pagine lunghe. Il beige caldo è ideale per distintivi sottili, chip di categoria o fasce di sfondo. Suggerimento: mantenere i CTA coerenti-uno blu, uno neutro-per evitare una vetrina affollata.

Esempio di immagine di denim & oat generato utilizzando media.io

12) Marina di Neon

esagonale:#060B23#0B1E4D#00D1FF#FF4D6D#F8FAFF

umore:elettrico, giovanile, vita notturna

Migliore per:Progettazione di poster per eventi

Elettrico e pronto per la vita notturna, suggerisce riflessi al neon sull'acqua scura. Usa il ciano e il rosa caldo come accenti opposti per creare un contrasto ad alta energia senza fare affidamento sul nero puro. Mantieni lo sfondo navy-pesante in modo che la tipografia rimanga leggibile e i luminosi sembrano intenzionali. Suggerimento: Limita i gradienti a un'area (come un titolo) in modo che il layout non diventi caotico.

Esempio di immagine di neon marina generato utilizzando media.io

13) Osservatorio invernale

esagonale:#070A14#0E1A2B#223A5E#8FB3FF#F3F6FF

umore:Silenzioso, cosmico, intelligente

Migliore per:Tema visualizzazione dati

Tranquillo e cosmico, sembra un osservatorio invernale con la fresca luce delle stelle. Utilizzare il blu pallido per i grafici a linee e gli evidenziamenti, mentre le marine più profonde impostano uno sfondo coerente per i dashboard e i report. Il colore quasi bianco rende leggende ed etichette facili da scansionare in piccole dimensioni. Suggerimento: aumentare la trasparenza della griglia in modo che i grafici non combattano la base scura.

Esempio di immagine di osservatorio invernale generato utilizzando media.io

14) Pino e mare profondo

esagonale:#07101F#0B2545#1B4965#1F7A4D#E8F1F2

umore:Per terra, All'aperto, Ristorante

Migliore per:Etichetta di imballaggio marchio eco

A terra e all'aperto, unisce i blues profondi del mare con un soffio di freschezza verde pino. Utilizzare il verde come segnale di fiducia per le affermazioni di sostenibilità e mantenere il blues per struttura e credibilità. Il neutro ghiacciato pallido funziona bene per elenchi di ingredienti e dettagli in piccola stampa. Suggerimento: scegli carta non rivestita in modo che i toni scuri sembrino naturali piuttosto che lucidi.

Esempio di immagine di pine & deep sea generato utilizzando media.io

15) Bussola di corallo

esagonale:#081A2F#0F2F57#2C5282#FF6B6B#FFF5F5

umore:Avventuroso, caldo, invitante

Migliore per:Schermi di onboarding delle app mobili

Avventuroso e invitante, sembra un pennarello di corallo su una mappa nautica. Queste combinazioni di colori blu scuro blu navy sono ottime quando si desidera fiducia più un accento amichevole e umano per l'onboarding. Utilizzare coral per i punti di progresso e i pulsanti principali, e mantenere il bianco-rosa più morbido per sfondi delicati dello schermo. Suggerimento: assicurati che coral passi il contrasto sul blu marina approfondiendolo leggermente per il testo piccolo.

Esempio di immagine di coral compass generato utilizzando media.io

16) inchiostro reale e lavanda

esagonale:#0B1026#141B41#2E2A8F#B9A7FF

umore:Creativo, elegante, leggermente sognante

Migliore per:Sito web dell'agenzia creativa

Creativo e leggermente sognante, si legge come inchiostro reale ammorbidito dalla foschia di lavanda. Utilizzare l'indaco come colore audace del marchio per intestazioni e stati interattivi, quindi mantenere la lavanda come tinta di supporto negli sfondi e nelle carte. Il lilla quasi bianco mantiene i contenuti di forma lunga calmi e leggibili. Suggerimento: aggiungere grani sottili o gradienti alle sezioni di lavanda per evitare una sensazione "pastello piatto".

Esempio di immagine di royal ink & lavender generato utilizzando media.io

17) Acqua salata minima

esagonale:#060A10#0C1B2A#1F3B57#9FB7C9#F2F6F9

umore:Pulito, arioso, moderno

Migliore per:Sito web del portfolio

Pulito e arioso, sembra nebbia di acqua salata su ardesia liscia. Utilizzare le sfumature più scure per la navigazione e i titoli dei progetti, quindi lasciare che il grigio-blu pallido gestisca sfondi e divisori. Questo set funziona bene per i portfolio perché inquadra le immagini senza rubare l'attenzione. Suggerimento: mantenere le ombre sottili e fare affidamento sulla spaziatura per creare profondità.

Immagine Esempio di acqua salata minima generata utilizzando media.io

18) Giardino notturno

esagonale:#071225#0E2A47#1D4E89#7CCFA8#F3FAF6

umore:Fresco, botanico, sereno

Migliore per:poster di illustrazione botanica

Sereno e botanico, suggerisce foglie illuminate dolcemente di notte con una fresca atmosfera blu. Utilizzare il verde menta per i dettagli del fogliame e il blu per lavaggi di sfondo e ombre. Il delicato bianco scuro mantiene la composizione traspirante e compatibile con la stampa. Suggerimento: stratificare le texture di acquerello in modo che i toni profondi rimangano luminosi piuttosto che fangosi.

Esempio di immagine di giardino notturno generato utilizzando media.io

19) Uniforme del pilota

esagonale:#071021#0F2147#2B3A67#C0C7D1#F7F9FC

umore:strutturato, affidabile, aziendale

Migliore per:Modello di presentazione B2B

Strutturato e affidabile, sembra una divisa fresca con dettagli in metallo lucido. Usa il blu navy più scuro per le diapositive del titolo e le intestazioni delle sezioni, quindi affidati ai grigi morbidi per il contenuto del corpo e i grafici. Questa tavolozza si legge bene sui proiettori e impedisce ai mazzi lunghi di sembrare duri. Suggerimento: enfatizzare i numeri chiave con il mid-indaco piuttosto che introdurre nuovi colori di accento.

Immagine Esempio di uniforme di pilota generato utilizzando media.io

20) Accento di prugna crepuscolare

esagonale:#070B1D#121A3D#243B7B#6D28D9#F5F3FF

umore:Audace, moderna, creativa

Migliore per:Icona dell'app e schermo splash

Audace e moderno, sembra un blues crepuscolare punteggiato da un forte bagliore di prugna. Usa il viola come accento controllato per il segno dell'icona o il titolo dello spruzzo mantenendo la maggior parte degli elementi dell'interfaccia utente in blu marino. Il morbido bianco lavanda aiuta i gradienti e gli effetti luminosi a sembrare raffinati invece che rumorosi. Suggerimento: mantenere gli accenti viola coerenti in tutti gli stati in modo che il marchio sembri coeso.

Esempio di immagine di twilight plum accento generato utilizzando media.io

Quali colori vanno bene con il blu scuro blu Navy?

Gli accenti caldi sono il modo più veloce per rendere il blu navy invitante: avorio, crema, avena, grigio, rame e oro aggiungono morbidezza e calore "premium" senza perdere la struttura della tavolozza. Queste abbinamenti sono particolarmente forti per imballaggi, layout editoriali e interni.

Per un look digitale moderno, abbinare il blu navy a sfumature fresche come periwinkle, blu ghiaccio e grigio blu pallido. Mantenono le interfacce leggibili, riducono lo sforzo oculare e creano una separazione pulita per carte, tabelle e sfondi.

Se vuoi energia, raggiungi i pop ad alto contenuto cromatico come il corallo, il giallo agrumi, il ciano o la prugna, ma tienili limitati alle azioni primarie, alle statistiche chiave e ai componenti di evidenziazione in modo che la gerarchia generale rimanga calma.

Come utilizzare una tavolozza di colori blu scuro blu Navy nei disegni reali

Inizia assegnando i ruoli: utilizza il blu marino più scuro per le intestazioni/navigazione, un blu marino medio per le superfici o le sezioni e un blu/grigio più chiaro per le carte e i divisori. Ciò mantiene la profondità costante e impedisce al disegno di diventare un singolo blocco scuro.

Quindi scegli un colore di accento per l'interazione (pulsanti, collegamenti, stati attivi) e uno neutro per la leggibilità (bianco spento o grigio chiaro). Nella maggior parte dei layout, questa semplice divisione offre un forte contrasto pur mantenendo la coesione tra le pagine e i componenti.

Infine, prova la tua tavolozza nel contesto: gli sfondi scuri possono far scomparire piccoli testi e icone sottili. Utilizzare pesi di carattere leggermente più pesanti, aumentare l'altezza delle righe e confermare il contrasto per tutti gli stati (predefinito, curvatura, disabilitato) prima di scalare il sistema.

Crea visuali della tavolozza blu scuro blu Navy con l'intelligenza artificiale

Hai bisogno di mockup che si adattino alla tua tavolozza (cruscotti, poster, inviti, imballaggi o interni)? Con Media.io puoi trasformare in pochi minuti un prompt in visuali del marchio, quindi iterare rapidamente scambiando accenti, rapporti o stili.

Per ottenere i migliori risultati, fare riferimento alla tavolozza nel prompt utilizzando i nomi dei colori (navy, cobalto, avorio, oro, corallo) e descrivere dove ogni colore dovrebbe apparire (sfondo, pulsante CTA, tipografia, carte). Mantieni i layout semplici in modo che i colori rimangano a fuoco.

Una volta generato un look che ti piace, riutilizza la stessa struttura dei prompt in diversi formati (social, web hero, modello di diapositive) per mantenere un linguaggio di progettazione basato sulla Marina coerente.

Prossimo: Palette colori tramonto