Le 20 migliori palette di colori blu e marrone scuro con codici hex

Una palette di colori blu e marrone scuro fonde la nitidezza fresca con la calda solidità della terra, risultando una scelta versatile per marchi moderni, interni accoglienti e raffinati UI digitali.

Qui sotto trovi 20 abbinamenti blu e marrone curati con codici HEX, più consigli pratici e prompt AI che puoi usare per generare le visualizzazioni abbinate.

Perché le palette Blu Marrone Scuro funzionano così bene

Il blu trasmette fiducia, struttura e calma—soprattutto se scegli le tonalità più profonde. Il marrone scuro aggiunge calore e tattilità, che impediscono all’aspetto generale di essere freddo o troppo aziendale.

Insieme, creano un contrasto di alta gamma che resta naturale: pensa all’inchiostro e al cuoio, all’oceano e al legno, al denim e alla noce. Ecco perché le palette blu e marrone funzionano bene sia nel design digitale che nei materiali fisici come packaging, insegne e interni.

Un altro vantaggio è la leggibilità: blu profondi e marroni quasi neri supportano una tipografia forte, mentre crema calde e beige-grigi mantengono i layout leggibili senza usare un bianco netto e aggressivo.

20+ Idee per palette di colori Blu Marrone Scuro (con codici HEX)

1) Espresso di Mezzanotte

HEX: #0B1D3A #163A63 #2E2A28 #5B3A2B #E7DCCF

Mood: intenso, raffinato, accogliente

Ideale per: branding di lusso e packaging per il caffè

I blu di mezzanotte con i marroni espresso evocano un caffè notturno e pelle lucida. Usa il navy scuro come colore principale del brand, poi stabilizza i layout con il marrone tostato per testi e dettagli. Il neutro cremoso conferisce un tocco premium e leggibile su etichette e intestazioni web. Consiglio: stampa a caldo il marrone sul navy per una finitura di lusso discreta.

Esempio di immagine espresso di mezzanotte generata con media.io

Media.io

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

Provalo ora gratuitamente

2) Cacao da Porto

HEX: #08213B #1F5A86 #3B2A24 #8A6B55 #D9C7B4

Mood: marittimo, caldo, solido

Ideale per: decorazione di case in stile costiero e living room

I blu marini e i marroni cacao evocano banchine vissute, corde e la calda luce delle lampade. Questi abbinamenti blu marrone scuro funzionano magnificamente su muri, tessuti e legno dove desideri calma senza freddezza. Abbina con fibre naturali come lino e juta per aumentare il calore costiero. Consiglio: mantieni il beige più chiaro sulle superfici grandi e usa il navy più scuro come accento per cornici e scaffali.

Esempio di immagine cacao da porto generata con media.io

3) Denim e Noce

HEX: #123A5A #2E6F9E #2B2624 #6B4A36 #F1E8DD

Mood: casual, accessibile, moderno

Ideale per: pagine prodotto ecommerce e marchi lifestyle

I blu denim e i marroni noce creano un’atmosfera casual, familiare e discretamente moderna. Usa il blu intermedio per pulsanti e highlights, mentre il marrone quasi nero supporta titoli e prezzi con un tocco più morbido del nero puro. Il bianco caldo aiuta le foto prodotto a risultare pulite senza sembrare sterili. Consiglio: riserva il blu più brillante solo alle CTA per mantenere la pagina calma e concentrata.

Esempio di immagine denim e noce generata con media.io

4) Mocha Tempestoso

HEX: #0F2A3D #355B77 #3A2F2A #9A7B64 #CFC8C1

Mood: tempestoso, calmo, sofisticato

Ideale per: layout editoriali e riviste

Blu tempestosi abbinati a marroni mocha richiamano la pioggia sul vetro e tazze di ceramica al vapore. Il blu medio spento è ideale per citazioni in evidenza e divisori di sezione, mentre i toni mocha aggiungono calore a titoli e didascalie. Mantieni gli sfondi beige-grigio morbido così le pagine risultano ariose e leggibili. Consiglio: usa spaziatura generosa tra le righe con il marrone scuro per mantenere un ritmo editoriale raffinato.

Esempio di immagine mocha tempestoso generata con media.io

5) Inchiostro e Castagna

HEX: #071A2F #1B3F6B #241B18 #7C4E3B #EADBCB

Mood: drammatico, classico, letterario

Ideale per: copertine di libri e artwork di podcast

Blu navy intenso e marrone castagna ricordano i tratti di una stilografica e le mensole di una vecchia biblioteca. Il contrasto è abbastanza forte per titoli audaci, soprattutto se il testo in crema è posto sul blu più scuro. Aggiungi la castagna come colore per cornici o illustrazioni, per mantenere la composizione calda. Consiglio: usa il blu intermedio con parsimonia affinché la copertina resti drammatica e non caotica.

Esempio di immagine inchiostro e castagna generata con media.io

6) Tartufo Marino Profondo

HEX: #06263A #0E5176 #2A2422 #5A463E #B8AEA5

Mood: profondo, terroso, atmosferico

Ideale per: menu di ristoranti e cocktail bar

Blu mare profondo abbinati ai marrone tartufo trasmettono intimità, calore della terra e un pizzico di mistero. Usa il blu più scuro come sfondo del menu e imposta il corpo del testo in grigio caldo per una facile lettura sotto luce soffusa. Inserisci il blu più chiaro per intestazioni o icone delle bevande per guidare lo sguardo. Consiglio: scegli carta opaca o una texture effetto lavagna per rendere i marroni ancora più ricchi.

Esempio di immagine tartufo marino profondo generata con media.io

7) Bourbon Blueprint

HEX: #0C2C59 #2A76B8 #2B1F1A #6A3F2B #F3E6D6

Mood: sicuro, artigianale, audace

Ideale per: branding di distillati artigianali e sistemi etichette

I blu blueprint audaci con marroni bourbon hanno un look da officina artigianale con molta personalità. Questa palette blu marrone scuro spicca sulle etichette di bottiglia dove vuoi tradizione ma anche un tocco contemporaneo. Abbina con lineart in stile inciso e una base crema calda per mantenere i dettagli nitidi. Consiglio: usa il blu brillante solo come una sottile riga d'accento per un look premium, non sportivo.

Esempio di immagine bourbon blueprint generata con media.io

8) Zaffiro e Legno

HEX: #0A2A4A #1F66A5 #2D2420 #8B6A52 #DCD2C5

Mood: all’aria aperta, pulito, affidabile

Ideale per: siti di viaggi e annunci per noleggio chalet

I blu zaffiro e i marroni legno ricordano aria di montagna limpida, chalet robusti e mattine frizzanti. Usa la gamma blu per navigazione e link, poi i marroni caldi per badge, prezzi o pin sulle mappe. Il neutro morbido funziona bene come sfondo per layout ricchi di foto. Consiglio: mantieni i pulsanti nel blu più brillante e riserva il navy scuro per le intestazioni per ridurre il rumore visivo.

Esempio di immagine zaffiro e legno generata con media.io

9) Cuoio al Tramonto

HEX: #111E3A #3A5E86 #1F1714 #704C3B #EFE2D4

Mood: elegante, maschile, premium

Ideale per: pubblicità per uomo e pagine prodotto

Il navy crepuscolare con marrone cuoio ha uno stile elegante, esclusivo e discretamente maschile. La base scura supporta scatti di prodotto ad alto contrasto, mentre la tonalità cuoio porta calore nei richiami e nelle icone ingredienti. Aggiungi crema come spazio negativo così il design non diventa pesante. Consiglio: usa solo sfumature sottili nei blu per mantenere un look complessivo raffinato.

Esempio di immagine di twilight leather generato utilizzando media.io

10) Corteccia della marina

HEX:#08162C#21476F#2B211D#5D443A#C9BEB2

Mood:Naturale, costante, sobrio

Ideale per:branding di abbigliamento da esterno e appendere etichette

I marroni Navy e corteccia sembrano sentieri forestali al tramonto, a terra e affidabili. Utilizzare il blu scuro per i segni primari e i toni della corteccia per le etichette secondarie, i dettagli di cucitura o i bordi delle etichette. Il grigio caldo neutro mantiene la tipografia leggibile su carta riciclata. Suggerimento: Aggiungi texture attraverso il grano di carta piuttosto che colori extra per mantenere la tavolozza onesta e robusta.

Esempio di immagine di navy bark generato utilizzando media.io

11) Molo piovoso

HEX:#0A2336#2B5D7D#2E241F#906A51#E3D6C8

Mood:Cinematografico, calmo, nostalgico

Ideale per:Poster di film e volantini di eventi

Il blues cinematografico e i marroni intemperati ricordano un molo piovoso, lampioni stradali e acqua riflettente. Queste combinazioni di colori marrone scuro blu sono forti per i poster perché i toni scuri creano profondità istantanea. Abbinare con tipografia condensata in crema per la massima leggibilità da lontano. Suggerimento: mantenere le immagini in ombre fresche e utilizzare il marrone caldo solo per un singolo evidenziatore focale.

Esempio di immagine di molo piovoso generato utilizzando media.io

12) Cacao cosmico

HEX:#2E4D8C#231A17#6E4B3C#B9B0A7

Mood:Misterioso, tecnico, elegante

Ideale per:Dashboard SaaS e interfaccia utente di analisi

Cosmic navy con marroni cacao sembra un cielo notturno sopra le calde luci della città. Utilizzare il blu più scuro per la shell dell'app, quindi inserire il blu medio per grafici e stati attivi. Il marrone funziona sorprendentemente bene per distintivi secondari e micro-highlight dove si desidera calore senza urlare. Suggerimento: mantenere lo sfondo della carta leggermente più chiaro della shell per preservare la gerarchia.

Esempio di immagine di cosmic cacao generato utilizzando media.io

13) Arrostito artico

HEX:#0C2A43#4A87B5#2C2320#7A5846#F6EFE6

Mood:Fresco, accogliente, equilibrato

Ideale per:Interni caffè e tavole menù

I freschi blues artici con i marroni tostati bilanciano la freschezza e il comfort, come l'aria fredda fuori da un caldo bar. Questo schema di colori marrone scuro blu funziona bene sulle bacheche dei menu, dove lo sfondo chiaro mantiene i prezzi e gli elementi facili da scansionare. Abbinate a legno pallido e semplici icone di linea per un tocco pulito e moderno. Suggerimento: utilizzare il blu più brillante per le intestazioni delle categorie e il marrone arrosto per i nomi degli articoli per guidare la lettura.

Esempio di immagine di arrostito artico generato utilizzando media.io

14) Legno d'indaco d'epoca

HEX:#16233A#334E72#2A201C#8C6A54#D8D0C7

Mood:Patrimonio, calma, senza tempo

Ideale per:Loghi e set di cancelleria del patrimonio

Indaco Vintage con caldi marroni di legno sembra senza tempo, come l'inchiostro da stampa su carta strutturata. Utilizzare l'indigo per monogrammi e sigilli, e salvare il blu medio per linee e segni secondari. I toni del legno aggiungono calore a buste, biglietti da visita e inserti per imballaggi. Suggerimento: stampare i marroni leggermente più chiari dello schermo per evitare risultati fangosi su materiale non rivestito.

Esempio di immagine di legno d'indaco vintage generato utilizzando media.io

15) Notte dei Musei

HEX:#0A1633#2D4A7B#1F1A17#5C4337#E8E1DA

Mood:artful, silenzioso, di lusso

Ideale per:Inviti alla galleria e poster espositivi

Silenzioso museo-i blues notturni e i morbidi marroni sembrano artistici e di lusso, come sale fioche e cornici illuminate. Utilizzare la marina come terreno dominante, quindi impostare i dettagli dell'esposizione nel neutro pallido per una leggibilità nitida. Il marrone è perfetto per piccoli accenti direzionali, date o nomi di curatori. Suggerimento: lasciare un sacco di spazio negativo in modo che il design sembri curato, non affollato.

Esempio di immagine di Notte dei Musei generata utilizzando media.io

16) Pietra marrone di ardesia

HEX:#0D2633#3F6A7A#2E2521#6B554A#D0C6BD

Mood:urbano, maturo, composto

Ideale per:Portfolio di architettura e siti web di studio

I toni blu ardesia e brownstone sembrano urbani e composti, come facciate di città dopo la pioggia. Impostare la navigazione e le intestazioni nei toni più scuri per l'autorità, quindi utilizzare il blu attenuato per i collegamenti e gli stati di movimento. Lo sfondo grigio caldo impedisce alle foto del progetto e alle planimetrie di sembrare troppo freddo. Suggerimento: utilizzare il marrone come colore sottile della griglia per strutturare sottilmente i casi di studio.

Esempio di immagine di ardesia brownstone generato utilizzando media.io

17) Brandy di mirtilli

HEX:#1A2B5A#3E78B2#2A1C16#7B4A33#F0E2D2

Mood:Ricco, festivo, invitante

Ideale per:Inviti per feste di vacanza e promozioni di bevande

I ricchi blues mirtillo con i marroni brandy si sentono festosi e invitanti senza diventare appariscenti. Queste combinazioni di colori blu e marrone scuro stanno benissimo sugli inviti dove si desidera calore, profondità e un tocco di celebrazione. Abbinare con texture di carta crema e un tocco di inchiostro metallico se stampa. Suggerimento: mantenere il layout semplice e lasciare che un titolo in grassetto in blu faccia il sollevamento pesante.

Esempio di immagine di blueberry brandy generato utilizzando media.io

18) Cedro di cobalto

HEX:#0D2E63#2E74D4#2A211C#6C4D3A#E6D9CB

Mood:Energico, moderno, sicuro di sé

Ideale per:branding tecnologico e pagine di destinazione delle app

Cobalt energy contro cedar brown sembra moderno, sicuro di sé e un po' audace. Usa il blu brillante per le azioni chiave e i punti salienti degli eroi, mentre il blu scuro ancora intestazioni e piè di pagina. Il cedro aggiunge calore alle icone, alle illustrazioni e alle schede di testimonianza in modo che la pagina sembri umana. Suggerimento: Limita il blu brillante a uno stile di azione per mantenere gli elementi di conversione inconfondibili.

Esempio di immagine di cobalt Cedro generato utilizzando media.io

19) Latte Nero

HEX:#0A1224#2B4F79#1E1816#5E3F33#DCCFC3

Mood:Minimale, intimo, di lusso

Ideale per:branding e segnaletica di boutique hotel

I blues Noir e i marroni latte creano un'atmosfera intima e di lusso come una hall leggermente illuminata. Utilizzare i toni quasi neri per il tipo di segnaletica e il blu attenuato per segnali direzionali o numeri di stanza. Il caldo neutro aiuta l'intero sistema a sentirsi accogliente piuttosto che severo. Suggerimento: aumentare la spaziatura delle lettere sui segnali scuri per migliorare la leggibilità a distanza.

Esempio di immagine di noir latte generato utilizzando media.io

20) Cabina oceanica

HEX:#082A44#2C6B8F#2A231F#7C5D49#ee5da

Mood:Rilassato, rustico, traspirante

Ideale per:mood boards per interni in stile Pinterest

I blues dell'oceano con i marroni della cabina si sentono rilassati e rustici, come legno alla deriva accanto all'acqua calma. Usa il blu più chiaro per tessuti ariosi e accenti di vernice, mentre i marroni funzionano meglio nei mobili in legno e nell'illuminazione calda. Il neutro cremoso lega tutto insieme per un mood board traspirante. Suggerimento: ripetere il marrone in piccoli oggetti decorativi in modo che lo spazio sembri coeso, non pesante.

Esempio di immagine di ocean cabin generato utilizzando media.io

Quali colori si abbinano bene con Blu Marrone Scuro?

I neutri caldi sono l'abbinamento più semplice: crema, farina d'avena, beige e grigio lisciano la transizione tra blu intenso e marrone scuro mantenendo le cose leggibili e premium.

Per gli accenti, i metalli attenuati (ottone, bronzo, oro morbido) aggiungono una sensazione artigianale, mentre gli accenti freddi come il teal o l'ardesia possono modernizzare il blues senza combattere i marroni.

Se hai bisogno di un pop più luminoso, usa un colore di evidenziazione controllato (come un cobalto più pulito o una terracotta morbida) con parsimonia, ideale per CTA, badge o piccoli elementi decorativi.

Come utilizzare una palette Blu Marrone Scuro in progetti reali

Inizia assegnando i ruoli: usa la Marina più scura come ancoraggio (intestazioni, sfondi, sezioni degli eroi), poi porta il marrone scuro per la tipografia o taglia dove vuoi il calore senza perdere il contrasto.

Lascia che la luce neutra faccia il sollevamento pesante per la leggibilità. In web e interfaccia utente, è ideale per le superfici (carte, aree di contenuto) In modo che la fotografia e gli scatti di prodotto sembrano naturali anziché duri.

Tenere sotto controllo la saturazione: queste tavolozze sembrano più costose quando i blu rimangono profondi e i marroni rimangono terrosi. Utilizzare il blu più brillante (se incluso) come un singolo colore "azione" per i collegamenti e i pulsanti primari.

Crea visual Blu Marrone Scuro con l’AI

Se hai già codici HEX ma hai bisogno di visuali corrispondenti (mockup, poster, scene dell'interfaccia utente, mood board), generare esempi con l'intelligenza artificiale può accelerare l'esplorazione e mantenere i concetti coerenti.

Utilizzare i suggerimenti che menzionano i materiali (pelle, noce, carta opaca, inchiostro navy) e l'illuminazione (luce diurna morbida, illuminazione da studio) per rafforzare l'atmosfera blu e marrone.

Una volta che ti piace una direzione, ripeti cambiando solo una variabile alla volta, come "più spazio negativo" o "striscia di accento minima", in modo che la tavolozza rimanga coerente.

Successivo: Palette di colori arcobaleno