Palette di colori blu, rosso e scuro: 20 combinazioni con codici HEX

Blu e rosso scuro è un classico abbinamento ad alto contrasto che sembra sia sicuro che emotivo. È una combinazione ideale per interfaccia utente moderna, branding premium e layout di stampa sorprendenti.

Di seguito troverai 20 idee di tavolozza di colori blu scuro rosso con codici esagonali, oltre a una guida pratica per bilanciare i blu freddi con i rossi caldi in modo che i tuoi disegni sembrino intenzionali (non pesanti).

Perché le tavolozze blu scuro rosso funzionano così bene

Il blu porta struttura, calma e fiducia, qualità che supportano naturalmente la progettazione del prodotto, la finanza e il branding professionale. Il rosso scuro aggiunge calore, passione e un senso di intensità premium, dando ai layout blu-pesanti un gancio emotivo più forte.

Insieme, creano una tensione equilibrata "fresco vs. caldo" che sembra intenzionale in tutto, dai siti web minimali ai poster drammatici. Il contrasto crea anche una chiara gerarchia visiva, rendendo più facile individuare CTA, highlight e messaggi chiave.

La chiave è la proporzione: lascia che i blues e i neutri facciano il sollevamento pesante, poi usa il rosso scuro come accento focalizzato. Questo mantiene la tavolozza elegante invece che travolgente.

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

1) Cabernet di mezzanotte

esagonale:#0B1D39#143D59#6D0F1A#B44A52#F2E9E4

umore:moody, elegante, premium

Migliore per:Etichette del vino, branding di lusso, Imballaggi di lusso

Moody e vellutato, come un salotto a luce di candele con legno lucido e un colore rosso scuro. Il blues intenso costruisce fiducia mentre il rosso cabernet aggiunge calore indulgente. Usa l'avorio come spazio respiratorio per loghi e piccoli testi, e conserva il rosso polveroso per i punti salienti. Suggerimento: riserva il blu navy più scuro per sfondi per fare fogli metallici o tipo chiaro pop.

Esempio di immagine di midnight cabernet 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) Porto di braccio

esagonale:#0D2B45#2E5EAA#7A0C2E#E0B1B8#F7F7FF

umore:Costiera, Spirituoso, Contemporaneo

Migliore per:Poster di viaggio, Volantini per eventi, social graphics

Ventoso e avventuroso, come un porto al tramonto con le luci della città che lampeggiano di rosso. Il blu brillante lo mantiene energico, mentre il castano ancora la composizione. Abbinalo a un audace tipo sans-serif e un sacco di spazio bianco per una sensazione di stampa moderna. Suggerimento: utilizzare il tono blush per i pannelli secondari per ammorbidire il contrasto senza perdere punch.

Esempio di immagine di harbor ember generato utilizzando media.io

3) Progetto granato

esagonale:#0A2342#2C6E9B#8B1E3F#D6D6D6#FAFAFA

umore:Intelligente, strutturato, sicuro di sé

Migliore per:Pagine di destinazione saas, dashboard, interfaccia utente del prodotto

Pulito e tecnico, come un progetto riscaldato da un accento di granato. Queste combinazioni di colori blu e rosso scuro funzionano meglio quando i neutri gestiscono la maggior parte delle superfici e il rosso viene salvato per le azioni chiave. Abbinare con icone a linee sottili e ombre sottili per mantenere l'interfaccia nitida. Suggerimento: mantenere gli stati di errore nella famiglia rossa, ma spostare le conferme verso il blu più brillante per chiarezza.

Esempio di immagine di blueprint garnet generato utilizzando media.io

4) Teatro dell'Opera Marina

esagonale:#081A2D#1F4E79#5B0A1A#C9A1A6#F5F0EA

umore:Drammatico, classico, raffinato

Migliore per:Spread editoriali, programmi teatrali, brochure premium

Drammatico e raffinato, come sedili di velluto contro una tenda di mezzanotte. Il blu navy e il rosso intenso sembrano intramontabili insieme, soprattutto con caldi neutri simili alla carta. Abbinati a titoli serifi e generosi margini per un look editoriale. Suggerimento: utilizza la rosa pallida come tinta dietro le citazioni pull per aggiungere morbidezza senza perdere raffinatezza.

Esempio di immagine di opera house navy generato utilizzando media.io

5) Crimson Marea Minima

esagonale:#102A43#486581#9B1B30#EDEDED#FFFFFF

umore:Minimale, moderno, ad alto contrasto

Migliore per:Intestazioni web, Poster minimalisti, Portfolio

Minimale e punchy, come una foto di costa nitida con un dettaglio rosso audace. I grigi blu mantengono i layout calmi, mentre il crimson crea una gerarchia istantanea. Abbinalo con tipografia nera o quasi nera e un singolo motivo geometrico per un tocco moderno. Suggerimento: limitare il rosso a meno del 10% della tela per preservare l'atmosfera minimalista.

Esempio di immagine di crimson tide minimal generato utilizzando media.io

6) Porto polveroso di Rose

esagonale:#122b3#2A6F97#6A1B2B#E7C8C8#F8F4F1

umore:Morbido, romantico, accessibile

Migliore per:lifestyle branding, beauty packaging, Siti Web boutique

Morbido e romantico, come l'aria marina che si mescola con i petali di rose al crepuscolo. I blues silenziosi lo mantengono a terra mentre i rossi polverosi si inclinano delicatamente piuttosto che rumorosamente. Abbinare con caldi neutri e tipografia delicata per la cura della pelle, candele o branding boutique. Suggerimento: Aggiungi texture con sfumature sottili nei toni del blush per evitare un look piatto.

Esempio di immagine di dusty rose harbor generato utilizzando media.io

7) Mercato notturno velluto

esagonale:#0C1B33#1B3B6F#7C1020#D17A86#F3EEE7

umore:Vibrante, cinematografico, sensuale

Migliore per:Copertine album, promozioni della vita notturna, lookbook di moda

Cinematografico e vibrante, come riflessi al neon su un pavimento bagnato con un bagliore rosso vellutato. Questa tavolozza di colori blu rosso scuro brilla quando si spinge il contrasto: sfondi blu scuro, bordi blu brillanti e punti focali rossi. Abbinalo a sfumature lucide o grano per una musica moderna o un tocco di moda. Suggerimento: utilizzare il rosa-rosa come tono di evidenza per testo secondario e distintivi.

Esempio di immagine di velluto mercato notturno generato utilizzando media.io

8) Cobalto Merlot Horizon

esagonale:#061C2E#0B5FA5#6B0F2A#F0D7D9#FAF6F2

umore:Coraggioso, espansivo, ottimista

Migliore per:homepage Sezioni di eroi, banner, pagine di marketing

Audace ed espansiva, come una linea di orizzonte pulita con un sole merlot che si immerge nel blu. Il cobalto sembra moderno ed energico, mentre il rosso intenso conferisce al design un centro di gravità sicuro. Abbinare con grandi immagini di eroi e forme semplici per mantenere la tavolozza da sentirsi impegnata. Suggerimento: utilizzare il blush pallido per gli sfondi delle sezioni in modo che i CTA in cobalt rimangano nitidi.

Esempio di immagine di cobalt merlot horizon generato utilizzando media.io

9) Vintage Varsity

esagonale:#0E2A47#1D4E89#8A1538#D8C3A5#F5F5F5

umore:Sportivo, nostalgico, amichevole

Migliore per:team branding, merch, Poster sportivi

Sportiva e nostalgica, come una giacca letterman ben indossata con toppe cucite. Il blu è affidabile e atletico, mentre il rosso bordeaux porta l'energia del patrimonio. Abbinare con il tipo bloccato, i segni del distintivo e lo sfondo di carta strutturata per una classica sensazione universitaria. Suggerimento: utilizzare l'abbronzatura come neutro vintage per contorni, strisce e testo secondario.

Esempio di immagine di vintage varsity generato utilizzando media.io

10) Bacche invernali e Denim

esagonale:#0A2540#3E6EA1#8C1D2D#EAD2D6#F7FAFC

umore:Fresco, accogliente, stagionale

Migliore per:Campagne per le vacanze, intestazioni e-mail, packaging stagionale

Fresco e accogliente, come strati di denim con bacche invernali su un tavolo pallido innevato. Il blu più chiaro aggiunge sollevamento, mentre il rosso bacca mantiene tutto caldo e invitante. Abbinate con fotografia morbida e elementi dell'interfaccia utente arrotondati per un marketing stagionale amichevole. Suggerimento: lasciate che il quasi bianco trasporti la maggior parte degli sfondi in modo che il rosso bacca rimanga ricco, non pesante.

Esempio di immagine di winter berries & denim generato utilizzando media.io

11) Moderno cruscotto Atlas

esagonale:#0B2239#2F80ED#7B1121#CBD5E1#F8FAFC

umore:Professionale, basato sui dati, chiaro

Migliore per:Interfaccia utente di analisi, applicazioni fintech, dashboard amministrativo

Professionale e basato sui dati, come un'interfaccia di mappa pulita con un unico pin rosso. Il blu brillante supporta gli stati interattivi, mentre il rosso intenso diventa un forte colore di allerta o enfasi. Abbinare con grigi freddi per mantenere i grafici leggibili e ridurre l'affaticamento visivo. Suggerimento: utilizzare il rosso solo per eccezioni e KPI critici, non per ogni accento.

Immagine Esempio di dashboard atlas moderno generato utilizzando media.io

12) Galleria Noir & Carmine

esagonale:#07121F#123A63#A11B2E#E6DFD8#FFFFFF

umore:artful, high-end, drammatico

Migliore per:Mostre d'arte, inviti a gallerie, copertine di portfolio

Artistica e drammatica, come una silenziosa sala galleria con una singola tela carmina che ruba i riflettori. Una tavolozza di colori blu rosso scuro come questa funziona magnificamente con un sacco di spazio negativo e tipografia sovradimensionata. Abbinalo a texture di carta opaca e line art minimalista per un look curato. Suggerimento: mantenere i toni più profondi per fotogrammi e intestazioni e lasciare che il bianco spazzato domini la pagina.

Esempio di immagine di galleria noir & carmine generato utilizzando media.io

13) Tecnologia Rosewood

esagonale:#0E1B2A#2D5B8C#6E1223#F1E4E6#E5E7EB

umore:Elegante, caldo, moderno

Migliore per:app onboarding, branding tecnologico, pitch Deck

Elegante e caldo, come metallo spazzolato ammorbidito da dettagli in legno di rosa. I blues impostano un tono tecnologico stabile, mentre il rosso scuro aggiunge un tocco umano e premium. Abbinati a iconografia pulita e sfumature sottili per un'atmosfera startup contemporanea. Suggerimento: utilizzare la rosa pallida per i pannelli di onboarding per mantenere gli schermi calmi e leggibili.

Esempio di immagine di rosewood tech generato utilizzando media.io

14) Classica miscela libreria

esagonale:#0A1E3B#274C77#7D0A1C#C7B299#F6F1EB

umore:Letterario, nostalgico, a terra

Migliore per:Copertine libri, Cancelleria, branding accademico

Letterario e a terra, come vecchie pile di biblioteca con un segnalibro rosso intenso nascosto all'interno. Il blu navy e il bordeaux sembrano tradizionali, mentre il caldo abbronzatura lo mantiene accessibile. Abbinare con tipologia serif, piccoli ornamenti e sottile grana di carta per una classica atmosfera di stampa. Suggerimento: mantenere il rosso per i titoli o un singolo emblema per evitare una copertura pesante.

Esempio di immagine di classic bookish blend generato utilizzando media.io

15) Suite di matrimonio in velluto rosso

esagonale:#10243E#2E5A88#8A0F2B#EBC7CD#FFF7F2

umore:Romantico, Formale, Lussuoso

Migliore per:Inviti di nozze, Save-the-date, RSVP Card

Romantico e formale, come un nastro di velluto su una cancelleria fresca. Il blu intenso mantiene la suite elegante, mentre il ricco rosso è un bellissimo accento per monogrammi e motivi con sigillo di cera. Abbinalo a toni di carta bianco e fiori a linee sottili per rimanere senza tempo. Suggerimento: usa il blush come strato di supporto per dettagli come gli orari e le informazioni sull'alloggio.

Esempio di immagine di red velvet wedding suite generato utilizzando media.io

16) Accento della vita notturna al Neon

esagonale:#071A3A#3A86FF#B80D2A#FFB3C1#F8F9FA

umore:elettrico, giovanile, audace

Migliore per:Volantini per club, promozioni musicali, modelli di storie sociali

Elettrico e giovanile, come un cartello luminoso che taglia attraverso un isolato buio della città. Il blu neon guida l'energia, mentre il rosso caldo mantiene le richieste all'azione impossibili da perdere. Abbinare con tipo condensato e grandi forme geometriche per un look promo contemporaneo. Suggerimento: mantenere il rosa chiaro come colore luminoso o di contorno per evitare i bordi duri nei formati social.

Immagine Esempio di accento della vita notturna al neon generato utilizzando media.io

17) mattoni marittimi

esagonale:#0B2D4D#1E6091#7A1F2B#D9C2B0

umore:Rustico, affidabile, all'aperto

Migliore per:branding artigianale, sacchetti di caffè, etichette per attrezzature da esterno

Rustico e affidabile, come banchi intemperati e magazzini di mattoni accanto all'acqua. Il blu dell'oceano porta chiarezza, mentre il rosso mattone sembra fatto a mano e onesto. Abbinare con texture kraft e semplici marchi distintivi per piccoli lotti di prodotti. Suggerimento: utilizzare l'abbronzatura come colore base dell'etichetta in modo che i toni più scuri possano funzionare come timbri e inchiostro.

Esempio di immagine di mattone marittimo generato utilizzando media.io

18) Melograno dello spazio profondo

esagonale:#050B14#1B2A4A#8F0D2E#E36A7B#EDEFF2

umore:Misterioso, futuristico, intenso

Migliore per:Banner di gioco, poster di fantascienza, sovrapposizioni di streaming

Misterioso e futuristico, come lo spazio profondo illuminato da una fiamma di melograno. Queste combinazioni di colori blu e rosso scuro sono più forti quando ti appoggi su sfondi scuri e lasci che gli accenti più luminosi facciano la narrazione. Abbinati al tipo sharp sans, al rumore leggero e ai bagliori sottili per un moderno aspetto fantascientifico. Suggerimento: mantenere il grigio chiaro per le etichette dell'interfaccia utente in modo che il testo piccolo rimanga leggibile sopra il nero quasi.

Esempio di immagine di deep space pomegranate generato utilizzando media.io

19) Ardesia, vino e panna

esagonale:#0F1C2E#3D5A80#6F1026#E0D8D0#FBF7F0

umore:Calmo, equilibrato, maturo

Migliore per:branding aziendale, report, modelli di presentazione

Calma ed equilibrata, come la pietra di ardesia abbinata a un bicchiere di rosso e un tovagliolo di lino crema. Il blu attenuato mantiene leggibili i layout lunghi, mentre il rosso vino aggiunge un accento dignitoso. Abbinare con grafici semplici, spaziatura coerente e un sacco di sfondo crema. Suggerimento: utilizzare il rosso solo per le chiavi da asporto e i divisori di sezione per guidare lo skimming.

Esempio di immagine di ardesia, vino e crema generato utilizzando media.io

20) Romanzo tempestoso

esagonale:#0A1B2A#234E70#8B0F24#F0C6CC#FDF3F1

umore:Romantico, Tempestoso, soft-glam

Migliore per:Promozioni di San Valentino, Annunci boutique, Post social Editoriali

Romantico e tempestoso, come un blues di nuvola di pioggia ammorbidito da un bagliore rosso rosso. La tavolozza sembra tenera senza diventare zuccherata, soprattutto quando i toni più scuri incorniciano il layout. Abbinate con eleganti titoli serif e delicati sfumature nella gamma rosa. Suggerimento: mantenere il blush per lo sfondo e usare il rosso intenso per un singolo elemento focale come un prezzo, una data o un logo.

Esempio di immagine di stormy romance generato utilizzando media.io

Quali colori vanno bene con il blu rosso scuro?

I neutri sono il "terzo colore" più facile da aggiungere: avorio caldo, crema e grigio chiaro mantengono gli schemi blu e bordeaux leggibili e facili da stampare. Impediscono inoltre che i toni scuri sembrino troppo pesanti nell'interfaccia utente e nel branding.

Per un look più morbido, appoggiatevi al blush, alla rosa polverosa o al malva morbido: questi colmano il divario di temperatura tra il blu freddo e il rosso caldo. Per un aspetto moderno più nitido, aggiungi un cobalto brillante o un blu elettrico come highlight interattivo.

Anche i metalli e gli accenti terrosi funzionano bene: oro/bronzo per imballaggi e inviti premium, o marrone/kraft per il branding vintage e artigianale.

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

Inizia con i ruoli: scegli uno blu scuro per le superfici primarie (intestazioni, navigazione, pannelli di sfondo), uno neutro per la tela principale e riserva il rosso scuro per l'enfasi (CTA, badges, numeri chiave, highlights). Questo mantiene la gerarchia coerente tra le pagine e le risorse.

Nell'interfaccia utente, tratta il rosso scuro come "significativo": avvisi, stati critici e azioni ad alta priorità. Utilizzare i blues per i collegamenti, gli stati di messa a fuoco e gli elementi interattivi in modo che l'interfaccia sembri affidabile e facile da scansionare.

Nella stampa e nel branding, aumenta la raffinatezza con la trama: grano di carta, sfumature sottili o finiture opache. Il rosso scuro può portare segnali premium, mentre il blu navy ancora la tipografia e i layout.

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

Se si desidera visualizzare in anteprima come appare uno schema di colori blu-rosso scuro su beni reali (poster, packaging, dashboard o modelli social), i mockup AI possono risparmiare ore. È possibile generare più direzioni di stile rapidamente e perfezionare l'atmosfera prima della produzione del design.

Con lo strumento di testo-immagine di Media.io, incolla un prompt (come gli esempi sopra), quindi iterare su composizione, illuminazione e stile tipografico. È un modo semplice per convalidare il contrasto e l'umore prima di impegnarsi per i colori finali.

Quando trovi una tavolozza che ti piace, tieni a portata di mano i codici esadecimali e riutilizzali costantemente su web, stampa e marketing per costruire un sistema di marchio riconoscibile.

Successivo: Palette di Colori Magenta Viola