Palette di colori scuri: 20 combinazioni, codici hex ed esempi con immagini AI

Le palette di colori scuri rendono i design più intenzionali: tipografia mirata, contrasto controllato e un'atmosfera premium "dopo il tramonto" che funziona su UI, branding e stampa.

Di seguito trovi oltre 20 idee per palette scure con codici HEX, oltre a consigli pratici per abbinarle e prompt AI che puoi riutilizzare per generare rapidamente visual coerenti.

Perché le palette scure funzionano così bene

Le palette scure creano una gerarchia immediata: la tua tonalità più chiara diventa un riflettore per stati chiave della UI, titoli e numeri, mentre i toni più profondi mantengono il resto calmo e ordinato.

Rendono anche i colori più ricchi. Accenti gioiello, metalli caldi e pastelli soffici appaiono più premium su sfondi antracite, inchiostro o blu notte rispetto al bianco.

Infine, le palette scure sono pratiche per gli schermi moderni. Bilanciando bene il contrasto (ed evitando il nero puro ovunque), le UI scure possono risultare confortevoli per sessioni lunghe e ridurre i riflessi in ambienti poco illuminati.

Oltre 20 idee di palette di colori scuri (con codici HEX)

1) Inchiostro di mezzanotte

HEX: #0b0f1a #111a2e #1b2a41 #2f3e56 #c8d3e0

Atmosfera: tranquilla, nitida, editoriale

Ideale per: UI di app news e dashboard di analytics

Blu di mezzanotte silenziosi e grigi inchiostro evocano una calma luce da sala di controllo. L’accento blu-grigio chiaro mantiene leggibile la palette senza interrompere l’atmosfera. Usala per dashboard, tabelle dati e layout ricchi di navigazione dove il contrasto è importante. Abbina ad icone a linea sottile e un solo accento caldo come il rame smorzato per gli alert. Consiglio: riserva la tonalità più chiara per i numeri chiave per guidare l’occhio.

Esempio di immagine "inchiostro di mezzanotte" generata con media.io

Media.io

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

Provalo ora gratis

2) Ossidiana Teal

HEX: #071014 #0a1f24 #0f3a3f #1c6b6a #b8f2e6

Atmosfera: elegante, acquatico, high-tech

Ideale per: landing page SaaS e sezioni funzionalità

Toni ossidiana e teal profondo ricordano la luce che si muove sotto l’acqua. Il brillante mint è perfetto per le CTA e le micro-interazioni senza sembrare neon. Usalo su landing page con ampi spazi e gradienti delicati. Abbina a font geometrici sans e leggere ombre soft per un look moderno. Consiglio: mantieni gli accenti teal sotto il 10% per mantenere il tono premium.

Esempio di immagine "ossidiana teal" generata con media.io

3) Prugna Noir

HEX: #0e0b12 #211428 #3a1c42 #6a2c6b #f2d7f7

Atmosfera: drammatico, vellutato, lussuoso

Ideale per: branding beauty e pubblicità di fragranze

Vellutate sfumature di viola su quasi-nero creano un glamour elegante da after-hours. L’accento lilla-rosato dona un bagliore da skincare perfetto per i prodotti in evidenza. Usalo per branding beauty, etichette premium e creatività social cinematografiche. Abbina a titoli serif e tanto spazio negativo per un tocco boutique. Consiglio: aggiungi una texture grana delicata per evitare gradienti piatti nelle aree scure.

Esempio di immagine "prugna noir" generata con media.io

4) Porto Tempestoso

HEX: #0d1416 #1b2a2f #2e454e #4f7b86 #d7eef2

Atmosfera: costiero, stabile, maturo

Ideale per: siti e cataloghi attrezzatura outdoor

Toni ardesia tempestosa e teal portuale evocano robustezza, come moli logori e spruzzi di mare. Il tono ghiaccio mantiene i layout ariosi ma sobri. Usalo per brand outdoor, cataloghi prodotto e messaggi sulla sostenibilità. Abbina a neutri caldi come sabbia o beige in fotografia per ammorbidire il tono. Consiglio: usa il colore più chiaro come fascia di sfondo per separare pulitamente le sezioni.

Esempio di immagine "porto tempestoso" generata con media.io

5) Fumo di Brace

HEX: #120c0a #2a1712 #4a2618 #a14b2c #f3cfb7

Atmosfera: caldo, rustico, cinematografico

Ideale per: packaging caffè e etichette artigianali alimentari

Cacao fumoso e marroni brace ricordano i chicchi tostati e la luce del fuoco. La crema pesca chiara funziona come base per etichette di facile lettura. Usala per sacchetti di caffè, salse barbecue e packaging prodotto artigianale. Abbina a texture kraft e icone semplici per mantenere onestà e approccio artigianale. Consiglio: una verniciatura spot sulla tinta brace regala subito appeal sugli scaffali.

Esempio di immagine "fumo di brace" generata con media.io

6) Uva Galattica

HEX: #07070f #1a1030 #331a58 #7b3ff2 #e9ddff

Atmosfera: futuristico, elettrico, giocoso

Ideale per: poster eventi musicali e promozioni nightlife

Elettrici accenti uva su nero spaziale ricordano insegne al neon in vicoli notturni. Queste combinazioni scure risplendono sui poster quando serve energia immediata e leggibilità a distanza. Usa il viola come hero, poi lascia al lavanda chiaro date e dettagli location. Abbina a font bold compressi e forme geometriche semplici per un look da club. Consiglio: mantieni sfumature sottili così il viola resta nitido in stampa.

Esempio di immagine "uva galattica" generata con media.io

7) Oliva Ironwood

HEX: #0f120d #242a18 #3b4523 #6b7c3a #e6edd2

Atmosfera: terroso, pratico, discreto

Ideale per: branding workwear e web design funzionale

Verdi ferro e ombre oliva evocano praticità, come giacche di tela e attrezzatura da campo. Il kaki chiaro solleva la tipografia e rende facile scansionare i dettagli prodotto. Usala per brand workwear, cataloghi attrezzatura, o temi ecommerce robusti. Abbinala a fondi fotografici bianco sporco per non appesantire la pagina. Consiglio: usa l’oliva media per i bottoni secondari così la gerarchia resta chiara.

Esempio di immagine "oliva ironwood" generata con media.io

8) Zaffiro Vellutato

HEX: #050a12 #0c1830 #132a52 #1f55a5 #d9ecff

Atmosfera: pulito, sicuro, aziendale

Ideale per: app fintech e presentazioni per investitori

Blu zaffiro su quasi-nero trasmette sicurezza e affidabilità come un abito su misura. L’azzurro arioso dà respiro a grafici e KPI. Usalo per prodotti fintech, pitch deck e interfacce regolamentate dove la chiarezza è cruciale. Abbina a divisori delicati e un solo accento come il lime per gli stati di successo. Consiglio: riserva il blu più brillante solo a link e azioni primarie.

Esempio di immagine "zaffiro vellutato" generata con media.io

9) Rosa Cenere

HEX: #120b0e #2a141e #4a1f34 #a33b6a #f6d2e2

Atmosfera: romantico, fumé, moderno

Ideale per: inviti di nozze e gala serali

Bacche affumicate e nero brace evocano la luce di una candela su petali di velluto. L’evidenziazione rosata mantiene i testi leggibili per nomi, date e dettagli RSVP. Usala per inviti di nozze serali, inviti per gala ed eleganti storie sociali. Da abbinare a effetti foil metallici o a un oro tenue per una raffinatezza immediata. Consiglio: stampa su carta non patinata per ammorbidire il contrasto e valorizzare la sensazione tattile.

Esempio di immagine di cinder rose generata con media.io

10) Notte di Foresta Profonda

HEX: #060b07 #132016 #1f3725 #2f6b44 #d6f2dc

Atmosfera: naturale, calma, rigenerante

Ideale per: marchi wellness e pagine prodotti eco

Verdi ombra di pino evocano un sentiero tranquillo nel bosco dopo la pioggia. Il tocco di menta aggiunge freschezza per badge e punti chiave. Usali su siti wellness, pagine di prodotti eco e box in abbonamento che vogliono atmosfera radicata. Da abbinare a neutri caldi come avena o argilla nelle fotografie per equilibrio. Consiglio: usa il verde più chiaro su card di contenuto per rendere le lunghe letture confortevoli.

Esempio di immagine di deep forest night generata con media.io

11) Rame in Ombra

HEX: #0d0b0a #241a16 #3b2a22 #a86a4a #f2e0d4

Atmosfera: industriale, caldo, premium

Ideale per: packaging prodotto e branding hardware

Neutri bruciati con calore ramato ricordano metallo forgiato e luce da laboratorio. Il beige morbido crea spazio per specifiche e fine print. Usalo per brand hardware, packaging premium e pagine prodotto minimaliste. Da abbinare a fotografie macro dei materiali e etichette sans-serif pulite per un look ingegnerizzato. Consiglio: il rame funziona meglio come accento sottile o sigillo, non come fondo totale.

Esempio di immagine di shadowed copper generata con media.io

12) Lavagna Lunare

HEX: #0b0d10 #171c22 #2a333d #5d6f82 #e7eef5

Atmosfera: minimal, freddo, tecnico

Ideale per: siti di documentazione e strumenti sviluppatore

Tonalità ardesia fredde e grigi lunari trasmettono precisione, come una finestra terminale al chiaro di luna. Il quasi bianco nebbioso rende immediatamente leggibili snippet di codice e tabelle. Usali per documenti, knowledge base e UI di strumenti dove serve comfort a lungo termine. Da abbinare a un unico accento come il ciano per link e stati selezionati. Consiglio: mantieni il testo principale sui blocchi di sfondo più chiari per affaticare meno la vista.

Esempio di immagine di lunar slate generata con media.io

13) Ravenberry

HEX: #0a0710 #1a1022 #2f173a #5a2c66 #f0d9ff

Atmosfera: misterioso, artistico, raffinato

Ideale per: copertine libri e poster letterari

Nero corvino e violetti bacca suggeriscono romanzi misteriosi e letture notturne. Una palette scura come questa brilla quando si vuole drammaticità senza contrasti aggressivi. Usala su copertine libri, poster di poesia e promozioni di eventi culturali. Da abbinare a effetti carta testurizzata e a un serif contenuto per mantenere l'impronta letteraria. Consiglio: imposta il titolo nel lavanda chiaro, poi lascia che i viola profondi incornicino i testi di supporto.

Esempio di immagine di ravenberry generata con media.io

14) Neon del Crepuscolo

HEX: #0b0b12 #1f1633 #2d2a6d #ff3ea5 #d7f7ff

Atmosfera: audace, giovanile, energico

Ideale per: overlay gaming e panel streamer

Indaco profondo con un tocco di magenta neon richiama uno skyline cittadino al crepuscolo. Il tono ghiacciato mantiene etichette e testi UI vividi anche in spazi compatti. Usalo per overlay streaming, promo eSport e grafiche lancio videogiochi. Da abbinare a font pixel o techno e a forme angolari per dare velocità. Consiglio: applica il magenta solo agli evidenziatori come badge di stato e CTA.

Esempio di immagine di dusk neon generata con media.io

15) Pietra d’Inchiostro Antica

HEX: #0f0e0b #23211a #3a372b #7a735a #f1eedf

Atmosfera: tradizione, colto, caldo

Ideale per: brochure museali e editoriali

Neri inchiostro e taupe antichi evocano pagine invecchiate e stampe di archivio. Il bianco caldo evoca la pergamena e rende il corpo testo accogliente. Usalo per brochure museali, editoriali di approfondimento e branding d’eredità. Da abbinare a tipografia serif classica e righe sottili per struttura. Consiglio: tieni le immagini leggermente desaturate così si fondono con il tono vintage.

Esempio di immagine di antique inkstone generata con media.io

16) Cola alla Ciliegia Nera

HEX: #0b0708 #220d12 #3d121f #7d1f3a #f7d8df

Atmosfera: sensuale, lucido, da nightlife

Ideale per: menu cocktail e branding bar

Rosso ciliegia su quasi nero appare lucido, come una cola frizzante sotto le luci di un bar. Queste combinazioni scure funzionano al meglio quando si vuole stimolare l’appetito senza esagerare. Usale per menu cocktail, promo lounge e etichette bottiglie dal look premium. Da abbinare a neutri cremosi e un tocco di ottone per un finish classico. Consiglio: usa il rosa più chiaro solo per i piccoli blocchi di testo così il menu rimane scenografico.

Esempio di immagine di black cherry cola generata con media.io

17) Petrolio d’Acciaio

HEX: #081013 #10252c #1e3d49 #3f6a78 #d5f0f7

Atmosfera: urbano, moderno, resistente

Ideale per: branding automotive e pagine prodotto tech

Blu petrolio e teal acciaio evocano ambienti urbani, come pioggia su asfalto e metallo spazzolato. L’azzurro pallido mantiene nitide schede tecniche e callout. Usalo per branding automotive, pagine gadget e siti tech B2B. Da abbinare a fotografia audace e set di icone minimali in tono industriale. Consiglio: usa il teal intermedio per separator e progress invece di bordi spessi.

Esempio di immagine di petrol steel generata con media.io

18) Arenaria al Tramonto

HEX: #0e0b08 #261a12 #4a2d1f #b07a4c #f3e1cf

Atmosfera: deserto, caldo, cinematografico

Ideale per: poster viaggio e branding boutique hotel

Marroni al crepuscolo e gialli arenaria evocano tramonti desertici e muri scaldati dal sole. Il beige cremoso mantiene leggibili nomi di destinazioni e offerte. Usali per poster viaggio, identità hotel boutique e lookbook lifestyle. Da abbinare a foto con accenti teal profondo per creare un contrasto complementare forte. Consiglio: lascia l’ambra come fascia focale dietro i titoli invece che come fondo totale.

Esempio di immagine di twilight sandstone generata con media.io

19) Sotterraneo Silenzioso

HEX: #070607 #151017 #261a2b #3c2a45 #cdbfd6

Atmosfera: gotico, silenzioso, atmosferico

Ideale per: copertine fantasy e menu giochi

Viola spenti e grigi in ombra ricordano la luce delle torce in un corridoio di pietra. Il lavanda polveroso mantiene leggibili etichette UI e lore. Usali per copertine fantasy, campagne da tavolo e schermate menu in-game. Da abbinare a titoli serif ornati o motivi runici per atmosfera. Consiglio: aggiungi una vignettatura delicata così il centro resta il punto di massimo focus.

Esempio di immagine di quiet dungeon generata con media.io

20) Denim Indaco Affumicato

HEX: #0b0e14 #161e2a #23324a #3a5a86 #e3edf9

Atmosfera: casual, affidabile, contemporaneo

Ideale per: ecommerce moda e lookbook

Indaco affumicato e blu denim sono familiari, come una giacca ben vissuta. Il quasi bianco freddo mantiene puliti nomi e prezzi prodotti. Usali su ecommerce moda, lookbook e newsletter brand. Da abbinare a fotografie di prodotto minimali e un nero-nero delicato per i testi. Consiglio: usa il denim medio per hover e filtri per rendere l’interfaccia amichevole.

Esempio di immagine di smoked indigo denim generata con media.io

21) Carbone e Agrumi Pop

HEX: #0a0a0c #1e1f25 #3b3f4a #ffb000 #f2f5f8

Atmosfera: moderno, incisivo, sicuro

Ideale per: branding startup e pagine CTA

Neutri carbone con un tocco di agrumi risultano audaci, come etichette streetwear e segnaletica accesa. L’ambra brillante è perfetta per azioni primarie e notification. Usali per branding startup, pagine conversioni e tour prodotto dove serve gerarchia chiara. Da abbinare a tipografia geometrica pulita e illustrazioni semplici per mantenerlo accessibile. Consiglio: tieni l’ambra solo su bottoni e icone, lascia che il carbone sia protagonista altrove.

Esempio di immagine di charcoal citrus pop generata con media.io

Quali colori stanno bene con il scuro?

I neutri scuri (carbone, inchiostro, quasi-nero) si abbinano facilmente a bianco sporco e blu-grigi per una tipografia leggibile e una struttura da “editoriale”. Se il tuo design è troppo pesante, scalda leggermente il colore chiaro (crema o pergamena) per renderlo più accogliente.

Per gli accenti, le tonalità gioiello (viola, teal, zaffiro, smeraldo) risultano sature e premium su sfondi scuri. I metallici caldi (rame, ottone, oro opaco) aggiungono contrasto senza la durezza del giallo puro.

Per lavori di prodotto/UI moderni, limita gli accenti: un accento principale per le azioni, un set semantico per gli stati (successo/avviso/errore) e il resto lascia che stia nei neutri dal medio allo scuro.

Come usare una palette di colori scuri nei design reali

Inizia scegliendo la tua “tela” (le due tonalità più scure) e riservale agli spazi più grandi come sfondi pagina, sezioni hero o shell di app. Poi assegna la media ai card, pannelli o navigazioni così i componenti si separano senza bordi spessi.

Usa la tinta più chiara in modo strategico: titoli, metriche chiave e testi interattivi. Nei temi scuri, il testo piccolo può sfocarsi—quindi aumenta leggermente il peso font ed evita icone dai tratti ultrafini.

Infine, testa il contrasto nel contesto. Una palette scura è bellissima negli swatch ma può fallire in layout reali se gli highlight sono abusati; mantieni accenti luminosi rari così conservano significato e impatto.

Crea visual di palette scure con l'AI

Se stai progettando una landing page, un poster o un concept di packaging, genera mockup brandizzati riutilizzando i prompt sopra e cambiando prodotto, tipo di layout e formato.

Con Media.io Text to Image puoi iterare velocemente: prova diverse parole di illuminazione (luce di taglio, ombra soffusa, bagliore neon), regola “no device frame” per preview pulite, e lascia lo sfondo semplice per composizioni rapide.

Quando trovi una direzione che ti piace, genera alcune varianti e scegli quella con miglior contrasto e spaziatura—i temi scuri premiano la sottigliezza.

Prossimo: Palette colori Borgogna Marrone