Palette colori blu scuro: 20 idee con codici hex

Le palette blu scuro sono una scelta vincente per marchi e interfacce che richiedono fiducia immediata, autorevolezza calma e un tocco premium. Dal blu notte al blu ardesia e le tonalità marine, il blu scuro è versatile su web, stampa e interni.

Di seguito trovi 20 idee di palette colori blu scuro selezionate con codici HEX, oltre a suggerimenti pratici di abbinamento e contrasti per utilizzarle con sicurezza.

Perché le palette blu scuro funzionano così bene

Il blu scuro comunica affidabilità e competenza senza la durezza del nero puro. Per questo si trova spesso in finanza, sanità, logistica e software B2B dove chiarezza e fiducia sono essenziali.

Si abbina bene sia con accenti caldi che freddi: oro per il lusso, menta per energia tech moderna, terracotta per uno stile di vita naturale, o neutri soft per calma editoriale.

Dal punto di vista dell’usabilità, i blu scuri offrono opzioni di contrasto flessibili. Con il giusto sfondo bianco sporco e una “scala di blu” coerente per i livelli UI, puoi creare profondità mantenendo il testo leggibile.

20+ Idee di Palette Colori Blu Scuro (con Codici HEX)

1) Porto di Mezzanotte

HEX: #06162B #0B2A4A #1D4D7A #8FB3C7 #F2E9D8

Mood: cupo, marittimo, sicuro

Ottimo per: brand identity per startup finanziarie o di spedizioni

I blu da porto notturno e i riflessi vetro marino evocano banchine a tarda notte e sicurezza costante. Usa questa palette blu scuro per loghi, presentazioni e landing page dove la fiducia conta. Abbinala a avorio caldo per un contrasto accogliente e usa l’azzurro chiaro per grafici o bottoni secondari. Consiglio: riserva il blu più profondo per le intestazioni e usa l’avorio come sfondo principale per migliorare la leggibilità.

Esempio immagine di porto di mezzanotte generata usando media.io

Media.io

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

Provalo Ora Gratis

2) Inchiostro e Avorio

HEX: #081B2C #102A43 #3C5A73 #E9E4D6 #C7BFAE

Mood: editoriale, minimale, raffinato

Ottimo per: impaginazioni per riviste e blog lunghi

I blu inchiostro sul caldo avorio ricordano la stampa classica sulla carta testurizzata. Il blu ardesia medio supporta sottotitoli e citazioni senza appesantire il corpo del testo. Abbina con beige spento per margini, divisori e stati UI discreti per mantenere il layout calmo. Consiglio: usa il blu più scuro solo per le intestazioni e i paragrafi in tono ardesia per affaticare meno gli occhi.

Esempio immagine di inchiostro e avorio generata usando media.io

3) Ardesia Tempestosa

HEX: #0A1A2F #1B3355 #4B6177 #A7B2BC #E6EAEE

Mood: fresco, cupo, professionale

Ottimo per: report aziendali e dashboard con molti dati

Toni tempesta suggeriscono concentrazione, chiarezza e calma sotto pressione. Il gradiente ardesia offre diversi step neutri per card, tabelle e stati hover. Abbina il quasi bianco al blu navy profondo per mantenere il contrasto accessibile, lasciando che i blu medi svolgano il ruolo di supporto. Consiglio: assegna ogni blu a un livello UI così gli elementi rimangono coerenti tra le pagine.

Esempio immagine di ardesia tempestosa generata usando media.io

4) Zaffiro Neon

HEX: #07162E #123B6D #2B7CFF #25E6C8 #F7FAFF

Mood: elettrico, futuristico, ad alto contrasto

Ottimo per: poster gaming e banner di lancio tecnologici

Lo zaffiro elettrico con menta neon ricorda le luci della città che squarciano la notte. Usa il blu brillante per le call-to-action e la menta per evidenziazioni, badge o indicatori di avanzamento. La base scura dà stabilità, mentre il quasi bianco alleggerisce l’insieme. Consiglio: non usare accenti neon oltre il 15% del layout per evitare affaticamento visivo.

Esempio immagine di zaffiro neon generata usando media.io

5) Botanica Marino Profondo

HEX: #061A30 #0F2F4A #1E6F6A #6BC7B6 #EAF2ED

Mood: fresco, acquatico, calmante

Ottimo per: branding spa e packaging botanici

Blu marino profondo con verdi alghe evocano aria costiera e acqua limpida. I toni teal sono ideali per etichette, ingredienti e pattern sottili, mentre il nebbia chiara mantiene leggerezza. Abbina a texture carta opaca o gradienti soft per un effetto rilassante. Consiglio: usa il tono più scuro per i marchi e la nebbia chiara per sfondi dei prodotti.

Esempio immagine di botanica marino profondo generata usando media.io

6) Oro Osservatorio

HEX: #071528 #12314C #2B5D7A #D2B34C #F4F0E2

Mood: lusso, accademico, senza tempo

Ottimo per: brand premium e inviti di eventi

Blu da cielo notturno con accento dorato sembrano un’osservazione delle stelle attraverso un cannocchiale in ottone. La nota metallica aggiunge gerarchia istantanea per sigilli, monogrammi, prezzi chiave. Abbina a bianco caldo per eleganza, non sfarzo. Consiglio: usa l’oro solo sugli elementi più importanti per un effetto premium autentico.

Esempio immagine di oro osservatorio generata usando media.io

7) Denim Argilla

HEX: #0A1E33 #24415F #5A7D8F #C37A57 #F2E6D8

Mood: naturale, informale, accessibile

Ottimo per: blog lifestyle e negozi artigianali

Blu denim con argilla calda creano un look accogliente e vissuto. Usa l’argilla per bottoni, cartellini prezzo o citazioni, mentre il blu chiaro per sfondi e sezioni. Abbina a texture naturali come lino, carta avana o legno chiaro per rinforzare l’effetto fatto a mano. Consiglio: mantieni la crema come sfondo principale così l’argilla risalta come accento sicuro.

Esempio immagine di denim argilla generata usando media.io

8) Aurora Boreale

HEX: #06162A #0E2A47 #2A6D8C #7BFFD3 #EAFBFF

Mood: glaciale, luminoso, avventuroso

Ottimo per: campagne viaggio e onboarding per app outdoor

Blu gelidi con un tocco verde aurora evocano aria frizzante e cieli aperti. Questi abbinamenti blu scuro funzionano meglio usando la menta tipo neon come highlight per elementi guida come step, pin o icone. Lascia tanto spazio bianco per rendere credibile e moderno l’effetto glow. Consiglio: prova la menta su sfondi scuri per accessibilità, poi ammorbidisci con teal se serve.

Esempio immagine di aurora boreale generata usando media.io

9) Marmo da Museo

HEX: #081A2E #173A59 #6C7F8F #D8D2C6 #F7F6F2

Mood: tranquillo, curato, sofisticato

Ottimo per: siti portfolio e segnaletica di galleria

Blu silenziosi e neutri effetto marmo evocano una sala museale calma con luci morbide. Il greige e il bianco sporco offrono respiro alle pareti da galleria, mentre i toni più scuri danno struttura alla navigazione e alle didascalie. Abbina linee sottili e spaziature generose per mantenere le opere al centro. Consiglio: usa il grigio-blu medio per i testi secondari così i titoli restano nitidi in blu navy.

Esempio di immagine di marmo museale generata con media.io

10) Notte Winterberry

HEX: #07162C #1C345B #4D6A8A #B02A3C #F4E9E6

Mood: festoso, drammatico, romantico

Ottimo per: promozioni natalizie e branding per eventi serali

Il rosso bacca su blu profondi richiama la luce di una candela in una sera d’inverno. Usa il rosso per evidenziare, etichette offerte o dettagli RSVP, e lascia i blu per la struttura principale e la tipografia. Abbina un bianco sporco rosato per evitare contrasti duri mantenendo eleganza. Consiglio: limita il rosso a un unico accento così risulta intenzionale, non caotico.

Esempio di immagine Notte Winterberry generata con media.io

11) Coastal Chalk

HEX: #0A2036 #1D4661 #4E7C8A #CFE3E6 #FAFBF7

Mood: arioso, costiero, pulito

Ottimo per: siti benessere e branding affitti al mare

Toni marini effetto gessoso portano una calma luminosa e ariosa, senza perdere profondità. L’azzurro chiaro è perfetto per gli sfondi delle sezioni, mentre il navy definisce navigazione e titoli. Abbina fotografie delicate e icone minimal per mantenere la semplicità costiera. Consiglio: evita il nero puro e scegli il blu più scuro per una lettura più soffice.

Esempio di immagine Coastal Chalk generata con media.io

12) Tech Noir

HEX: #050B14 #0C1A2B #193B57 #2EE6A6 #C9D6E2

Mood: elegante, notturno, hi-tech

Ottimo per: dashboard SaaS e strumenti sviluppatori

Blu navy scurissimi con accento verde brillante: come un centro comandi notturno. Il verde acceso è ideale per stati di successo, selettori e indicatori, il blu grigiato per pannelli secondari. Abbina divisori discreti e spazi regolari per una UI scura ma leggibile. Consiglio: usa il grigio-azzurro chiaro per i testi e riserva il bianco puro solo ai numeri più importanti.

Esempio di immagine Tech Noir generata con media.io

13) Velvet Stage

HEX: #061226 #1A2C52 #3F4C86 #B78BD4 #F3ECF7

Mood: teatrale, lussuoso, artistico

Ottimo per: promozione musica e branding studi creativi

Blu vellutati e luci lilla ricordano un sipario che si apre su esibizioni oniriche. Usa l’accento viola per i nomi degli artisti, le date in evidenza o tratti di richiamo, lasciando il navy come testo principale. Abbina gradienti soffusi o texture grana per dare profondità senza confusione. Consiglio: usa il lavanda chiaro come tinta di sfondo per arricchire i blu scuri.

Esempio di immagine Velvet Stage generata con media.io

14) Blueprint Workspace

HEX: #071B33 #0F345C #2C6AA0 #A6C7E8 #F5F9FF

Mood: concentrato, strutturato, moderno

Ottimo per: UI gestione progetti e landing page B2B

I blu blueprint trasmettono metodo e ottimismo, come piante ordinate su una scrivania. Il blu vivace centrale è ideale per pulsanti primari, link e dati, mentre i toni cielo gestiscono gli sfondi. Abbina icone semplici e una griglia chiara per rafforzare l’organizzazione. Consiglio: usa il navy più scuro per la top bar e il tono più chiaro per le card per dare gerarchia immediata.

Esempio di immagine Blueprint Workspace generata con media.io

15) Acciaio Artico

HEX: #061427 #112C46 #3A5C72 #9FB6C4 #E9F1F6

Mood: brillante, industriale, calmo

Ottimo per: presentazioni aziendali e infografiche

I blu acciaio risvegliano aria invernale e superfici metalliche lucide. I blu a gradiente facilitano la creazione di grafici, diagrammi e slide senza bisogno di altri colori. Abbina icone sottili e tanto spazio per una palette leggera e professionale. Consiglio: assegna un tono medio alle serie dati e usa il resto per il layout per non confondere la visuale.

Esempio di immagine Acciaio Artico generata con media.io

16) Classic Prep

HEX: #071A33 #123C66 #2E6FB6 #E24B3B #FFF3E6

Mood: preppy, deciso, energico

Ottimo per: branding sportivo e merchandising universitario

Colori prep audaci donano fiducia varsity con un taglio fresco e pulito. Questa palette blu scuro brilla su divise, stemmi e gadget dove serve contrasto da lontano. Abbina l’arancio-rosso a tanto crema caldo per mantenere un tono allegro, non aggressivo. Consiglio: usa il blu più brillante per contorni e marchi secondari, così il navy più profondo resta predominante.

Esempio di immagine Classic Prep generata con media.io

17) Finestra Piovosa

HEX: #061525 #16314A #3E5B72 #7EA2B8 #DDE7EE

Mood: riflessivo, morbido, cinematografico

Ottimo per: poster cinema e temi portfolio fotografici

I blu pioggia morbidi evocano i riflessi della città su un vetro bagnato. Il gradiente da profondo a nebbioso aiuta a creare sovrapposizioni fotografiche senza perdere dettagli. Abbina immagini monocromatiche o grana leggera per un effetto cinema. Consiglio: usa il tono più chiaro come overlay trasparente, non come blocco pieno, per mantenere vive le foto.

Esempio di immagine Finestra Piovosa generata con media.io

18) Bussola di Rame

HEX: #06162B #0E2F52 #2A5E7D #B56A3A #F1E8DD

Mood: avventuroso, caldo, tradizione

Ottimo per: packaging outdoor e brand di viaggio

Il navy heritage con calore rame richiama pelle vissuta, mappe e aghi di bussola. Queste combinazioni blu scuro sono forti per etichette e stemmi dove serve un tono classico e affidabile. Abbina texture bianco sporco e illustrazione minimale per un effetto premium leggibile. Consiglio: usa il rame solo per piccoli dettagli come sigilli e nomi prodotto, non per interi sfondi.

Esempio di immagine Bussola di Rame generata con media.io

19) Lavanda Lunare

HEX: #061429 #182F55 #4C5C8A #B8A6E3 #F6F3FF

Mood: onirico, calmo, moderno

Ottimo per: brand beauty e app meditazione

Blu illuminati dalla luna e foschia lavanda donano serenità con un tocco futuristico. Usa la lavanda per enfasi dolci quali selezionati, tag o punti di supporto, mentre i blu profondi sostengono la struttura. Abbina caratteri arrotondati e spazio abbondante per un’interfaccia più rilassata. Consiglio: mantieni il lilla più chiaro come sfondo principale per esaltare la tipografia navy.

Esempio di immagine Lavanda Lunare generata con media.io

20) Biblioteca Silenziosa

HEX: #07172C #12324E #345A73 #9B845C #F3EEE3

Mood: accogliente, accademico, discreto

Ottimo per: copertine libri e piattaforme educative

Navy quieti e marroni da biblioteca evocano scaffali di legno vissuti e lampade soffuse per leggere. Il beige caldo è perfetto come accento per pulsanti, segnalibri di capitolo o riquadri, senza rompere il tono calmo. Abbina titoli serif e texture carta per un effetto letterario immediato. Consiglio: riserva il blu medio per link nel corpo del testo, così spiccano senza urlare.

Esempio di immagine Biblioteca Silenziosa generata con media.io

Quali colori stanno bene con il blu scuro?

I neutri caldi (avorio, crema, sabbia) ammorbidiscono il blu scuro e migliorano la leggibilità come sfondo web. Sono una scelta sicura per layout editoriali, portfolio e landing premium.

Dettagli stile metallico come oro e rame rendono il blu scuro più lussuoso, mentre tocchi vividi come verde menta neon, blu elettrico o rosso bacca aggiungono contrasto moderno per tech, eventi e promo.

Se vuoi un effetto più calmo, abbina il blu scuro a grigi freddi, blu ardesia e bianchi sporchi nebbiosi. La palette resta professionale e grafici, tabelle e UI hanno coerenza.

Come utilizzare una palette blu scuro nei progetti reali

Parti dai ruoli: scegli un navy più scuro per intestazioni/navigazione, un blu medio per link e bottoni, uno chiaro per card o sfondi delle sezioni. Questo approccio “a livelli” dà struttura alle interfacce.

Per il branding lascia che il blu scuro sia per logo e tipografia, con l’accento destinato solo a pochi punti chiave (CTA, badge, prezzi). Così il design appare sicuro, non caotico.

Controlla sempre il contrasto: blu scuro su bianco sporco è di solito ottimo, ma dettagli (menta, oro, rosso) vanno testati per leggibilità di testi e icone—soprattutto su sfondi scuri.

Crea Visual della Palette Blu Scuro con l’AI

Se vuoi vedere queste palette in progetti reali (poster, packaging, dashboard o landing page), genera mockup veloci prima di finalizzare i file di produzione.

Con Media.io Text-to-Image puoi incollare un prompt, descrivere lo stile (minimal, luxury, futuristico) e iterare in fretta—perfetto per moodboard, concept clienti ed esplorazioni UI.

Prossimo: Palette colori royal