Toni ombra moderni: 20 abbinamenti di palette e codici Hex

Le palette di colori ombra si posizionano nel punto ideale tra il contrasto audace e la neutralità discreta, risultando facili da utilizzare in UI, stampa e sistemi di brand.

Di seguito trovi 20 combinazioni moderne di palette dai toni ombra con codici HEX, oltre a suggerimenti pratici per l'abbinamento e prompt AI riutilizzabili per mockup visivi rapidi.

Perché le palette ombra funzionano così bene

Le palette ombra si basano su quasi-neri, grigi carbone e accenti attenuati, creando quindi gerarchia naturale senza essere appariscenti. Si ottengono profondità e struttura anche con layout minimali.

Si adattano bene anche a dispositivi e stampa, poiché evitano estremi come nero puro o toni ultra-saturi. Questo mantiene i gradienti più morbidi, la tipografia più calma e gli sfondi più tolleranti.

Soprattutto, i toni ombra rendono gli accenti intenzionali. Una sola nota di malva, rame, teal o oliva può esprimere la personalità del marchio, mentre la base neutra mantiene tutto coeso.

20+ Idee di palette colori ombra (con codici HEX)

1) Velo di mezzanotte

HEX: #0f1116 #242833 #3b4252 #7a8090 #d8d9df

Atmosfera: misterioso, pulito, ad alto contrasto

Ideale per: interfaccia dashboard SaaS in modalità scura

Misterioso e nitido come le luci della città che attraversano la nebbia notturna. Usalo per layout in modalità scura dove la gerarchia conta e la leggibilità del testo deve essere perfetta. Abbina il carbone più profondo al grigio pallido per una buona leggibilità, poi usa l’ardesia come tono medio stabile per card e pannelli. Suggerimento: riserva la tonalità più chiara per metriche chiave e pulsanti primari per mantenere la concentrazione.

Esempio immagine del velo di mezzanotte generato con media.io

Media.io

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

Provalo gratis ora

2) Fioritura di grafite

HEX: #1a1b1f #2f323a #4a4f5c #8e90a0 #cbb6c9

Atmosfera: moderno, morbido, leggermente romantico

Ideale per: identità di brand beauty

Moderno e vellutato, come polvere di grafite con un tocco di petali. Perfetto per il branding beauty dove vuoi eleganza senza toni pastello. Usa il grafite profondo per loghi e testi, portando la sfumatura malva negli accenti, pattern o template social. Suggerimento: mantieni le aree di sfondo in grigi freddi così la nota rosata appare intenzionale, non zuccherosa.

Esempio immagine della fioritura di grafite generato con media.io

3) Fumo e gelso

HEX: #16131a #2c2431 #4d3a55 #7f6a86 #cfc6d6

Atmosfera: cupo, lussuoso, creativo

Ideale per: artwork per copertina album

Cupo e lussuoso, come il fumo d’incenso che avvolge una stanza di velluto. Questi toni si adattano a visivi musicali, uscite indie e copertine cinematografiche con un tocco drammatico. Lascia il gelso sopra il quasi-nero per la tipografia audace e ammorbidisci la cornice con lavanda-grigio per profondità. Suggerimento: aggiungi una grana sottile alle zone più scure per mantenerle ricche, non piatte.

Esempio immagine di fumo e gelso generato con media.io

4) Lino pietra d'inchiostro

HEX: #121418 #2a2d33 #545a63 #a8abb0 #efe6d8

Atmosfera: editoriale, radicato, senza tempo

Ideale per: layout rivista

Radicato e editoriale, come inchiostro su lino testurizzato. Queste combinazioni ombra sono ideali per letture lunghe dove il contrasto è calmo e non duro. Usa il tono lino caldo per i margini e gli spazi negativi, poi crea struttura con regole carbone e sottotitoli di ardesia. Suggerimento: mantieni il testo principale nel grigio medio-scuro per ridurre l'affaticamento visivo nelle pagine fitte.

Esempio immagine del lino pietra d'inchiostro generato con media.io

5) Orchidea al crepuscolo

HEX: #14121a #2a2436 #443a57 #6e6a86 #d9d3e8

Atmosfera: sognante, elegante, discreto

Ideale per: suite inviti matrimonio

Sognante ed elegante, come orchidee illuminate fiocamente al crepuscolo. Perfetta per inviti che cercano romanticismo senza fiori vivaci, soprattutto per eventi serali. Abbina il viola più scuro al lilla morbido per testo e monogrammi, usa i toni grigi per bordi e dettagli. Suggerimento: stampa su carta non patinata così le tonalità profonde rimangono soffici invece che lucide.

Esempio immagine di orchidea al crepuscolo generato con media.io

6) Pino nella nebbia

HEX: #101416 #253033 #3f5653 #7f928b #d7ddd8

Atmosfera: tranquillo, naturale, equilibrato

Ideale per: packaging prodotto eco

Tranquillo e naturale, come aghi di pino che si dissolvono nella nebbia mattutina. Ottimo per packaging eco dove vuoi rimandi naturali senza verde brillante. Usa il teal-carbone profondo per etichette, il tono nebbia pallido per spazi bianchi e blocchi ingredienti. Suggerimento: aggiungi finitura opaca così i colori scuri risultano terreni e premium.

Esempio immagine di pino nella nebbia generato con media.io

7) Rosa cenere

HEX: #1b1316 #332026 #5a3540 #9b6d79 #e7d6db

Atmosfera: affumicato, caldo, intimo

Ideale per: design menu ristorante

Affumicato e caldo come brace che brilla sotto cenere rosata. Questi toni sono adatti a menu e design hospitality dove vuoi intimità e appetito senza colori vistosi. Imposta le intestazioni nella tonalità più scura, usa rosa polveroso per divisori di sezione e evidenziature. Suggerimento: mantieni il beige rosa più chiaro per carta o sfondi, così eviti un effetto pesante.

Esempio immagine di rosa cenere generato con media.io

8) Porto d’ombra

HEX: #0e1418 #1f2a30 #334851 #6f8791 #d2dde1

Atmosfera: fresco, nautico, professionale

Ideale per: UI pagina landing finance

Fresco e stabile, come un porto al crepuscolo con acqua acciaio-blu. Ideale per pagine finance e consulting che richiedono fiducia, struttura e un tocco moderno. Usa il blu-nero scuro per header e hero, stratifica blu attenuati per card e grafici. Suggerimento: mantieni call to action nella tonalità più chiara con testo scuro per un percorso sereno e sicuro.

Esempio immagine di porto d’ombra generato con media.io

9) Ossidiana tranquilla

HEX: #0b0c0f #1a1c22 #2f323b #5b606d #bfc3cc

Atmosfera: minimale, concentrato, premium

Ideale per: sito portfolio fotografico

Minimale e concentrato, come l’ossidiana lucidata a una morbida brillantezza. Usalo per portfolio dove il lavoro è protagonista e l’interfaccia resta quasi invisibile. Crea stratificazioni con passaggi di grigio sottili così gallerie, didascalie e navigazione risultano intenzionali. Suggerimento: evita il nero puro nelle zone ampie e affidati al quasi-nero per preservare il dettaglio su diversi schermi.

Esempio di immagine di ossidiana tranquilla generata con media.io

10) Slate Lavender

HEX: #15161b #2a2d38 #4a4f66 #8c90ab #e4e3f0

Atmosfera:calmo, tecnologico, accogliente

Ideale per:schermate di onboarding app salute

Calmo e accogliente, come la nebbia di lavanda sulla lavagna fresca. Queste tonalità funzionano bene per app di salute o abitudini dove l’assicurazione conta più dell’intensità. Usa il grigio lavagna per le superfici principali della UI, poi aggiungi un tocco di lavanda su icone e stati di avanzamento. Consiglio: mantieni il contrasto coerente usando la tonalità più chiara per i pannelli di sfondo e la più scura per le etichette chiave.

Esempio di immagine di slate lavender generata con media.io

11) Coal and Clay

HEX: #14100e #2b221d #4e3c33 #8a7162 #e7dccf

Atmosfera:terroso, tattile, rustico

Ideale per:brand studio ceramica

Terroso e tattile, come la polvere di carbone sull’argilla calda. Perfetto per artigiani, studi di ceramica e brand di prodotti fatti a mano che cercano materiali sinceri e una sensazione solida. Lascia che il marrone-nero intenso gestisca loghi e timbri, mentre il beige argilla caratterizza sfondi di confezioni e ricevute. Consiglio: aggiungi un motivo strutturato con il marrone medio per suggerire superfici fatte a mano senza sovraccaricare il design.

Esempio di immagine di coal and clay generata con media.io

12) Stormy Plum

HEX: #111016 #262232 #3c314e #6b5b7a #cfc5d6

Atmosfera:drammatico, artistico, raffinato

Ideale per:design manifesto teatrale

Drammatico e raffinato, come nuvole tempestose su tende di velluto prugna. Queste combinazioni ombreggiate risplendono nei manifesti dove servono profondità, contrasto e anticipazione. Usa il quasi-nero come sfondo, poi posiziona tipografia prugna e accenti lavanda morbidi per guidare lo sguardo. Consiglio: mantieni un solo elemento focale forte e lascia che lo spazio scuro faccia il lavoro pesante.

Esempio di immagine di stormy plum generata con media.io

13) Ashen Olive

HEX: #121412 #262c24 #3f4a3a #7c8a73 #dde2d6

Atmosfera:smorzato, naturale, calmante

Ideale per:stampa botanica acquerello

Smorzato e calmante, come foglie di ulivo essiccate all’ombra. Ottimo per arte botanica, stampe wellness e cartoleria naturale. Mantieni il grigio-verde chiaro come tono della carta, poi costruisci forme di fogliame con oliva media e muschio scuro. Consiglio: usa bordi morbidi e velature trasparenti per mantenere la palette ariosa invece che militare.

Esempio di immagine di ashen olive generata con media.io

14) Phantom Teal

HEX: #0d1416 #1b2a2e #2f4c4f #6f8f91 #d6e1e1

Atmosfera:elegante, freddo, futuristico

Ideale per:pubblicità prodotto cybersecurity

Elegante e freddo, come la luce teal riflessa sul vetro scuro. Perfetto per pubblicità di sicurezza informatica che vogliono un mood tecnico moderno senza eccesso di neon. Usa teal profondo per i blocchi di sfondo e acquamarina chiaro per punti luce, badge e icone. Consiglio: mantieni i gradienti delicati e confina le tinte più luminose a piccoli segnali come indicatori di stato.

Esempio di immagine di phantom teal generata con media.io

15) Moonlit Cocoa

HEX: #120f0e #2a211e #46352e #8a7468 #e9dfd8

Atmosfera:accogliente, caldo, raffinato

Ideale per:carta fedeltà caffetteria

Accogliente e raffinato, come vapore di cacao sotto luci soffuse di caffè. Questi neutri caldi sono perfetti per branding di caffè, carte fedeltà e piccoli packaging dall’aspetto invitante. Usa il tono espresso più scuro per testi e timbri, poi bilancialo con sfondi beige cremosi e tocchi marrone morbido. Consiglio: aggiungi un bordo sottile nel marrone medio per incorniciare il design senza appesantirlo.

Esempio di immagine di moonlit cocoa generata con media.io

16) Iron Lilac

HEX: #14141a #2b2c3a #45465e #7a7b99 #dad8e6

Atmosfera:industriale, morbido, contemporaneo

Ideale per:sito web studio architettura

Industriale ma addolcito, come travi di ferro illuminate da luce lilla serale. Si adatta a studi di architettura o interior design che vogliono precisione tecnica con tocco umano. Lascia le tinte più scure a navigazione e titoli; il grigio-lilla per griglie, didascalie e tag progetti. Consiglio: lasciati spazio bianco abbondante così il lilla rimane raffinato, non decorativo.

Esempio di immagine di iron lilac generata con media.io

17) Sooty Sandstone

HEX: #151311 #2e2924 #564d44 #9a8f84 #efe7de

Atmosfera:heritage, naturale, sobrio

Ideale per:flyer museo

Heritage e sobrietà, come fuliggine su vecchi muri di arenaria. Questa combinazione è ideale per musei ed eventi culturali che cercano credibilità e calore. Usa il marrone-grigio scuro per titoli e date, poi sovrapponi neutri sabbia per sfondi e blocchi informativi. Consiglio: scegli un abbinamento fra un font serif e uno senza grazie per enfatizzare il tono 'antico incontra moderno'.

Esempio di immagine di sooty sandstone generata con media.io

18) Ravenberry

HEX: #0f0c12 #251b28 #3f2a3e #7a5d73 #e2d6df

Atmosfera:enigmatico, audace, elegante

Ideale per:copertina editoriale moda

Enigmatico ed elegante, come bacche scure sotto piume di corvo. Perfetto per editoriali moda che puntano al drammatico restando raffinati in stampa. Scegli lo sfondo quasi-nero, poi usa il malva nelle testate e nelle regole sottili per un finish lussuoso. Consiglio: mantieni gli accenti piccoli e intenzionali così le tinte scure rimangono protagoniste.

Esempio di immagine di ravenberry generata con media.io

19) Misty Charcoal

HEX: #101114 #23262d #3d424e #7e8596 #e3e6ee

Atmosfera:neutro, arioso, affidabile

Ideale per:presentazione slide deck

Neutro e arioso, come carbone ammorbidito da nebbia costiera. È una scelta moderna e sicura per slide deck dove grafici, numeri e titoli devono essere sempre leggibili. Usa il carbone medio per i testi, la tinta chiara per canvas e le tinte scure per dividere sezioni. Consiglio: applica la sfumatura più chiara come pannello discreto dietro i dati chiave per velocizzare la lettura.

Esempio di immagine di misty charcoal generata con media.io

20) Nocturne Copper

HEX: #120f12 #2a252b #463a45 #9a6b57 #f0e2da

Atmosfera:atmosferico, caldo, premium

Ideale per:packaging candele di lusso

Atmosferico e di alta gamma, come il rame illuminato in una stanza buia. Questa palette ombreggiata è perfetta per candele di lusso, etichette di fragranze e confezioni regalo che richiedono calore senza brillare. Usa il rame con parsimonia nei dettagli effetto foil, poi affidati al melanzana-carbone per la struttura principale dell’etichetta. Consiglio: mantieni lo sfondo chiaro e cremoso per rendere gli accenti metallici intenzionali e preziosi.

Esempio di immagine di nocturne copper generata con media.io

Quali colori si abbinano bene con l’ombra?

Le tonalità ombra si abbinano meglio con luci ammorbidite (bianchi nebbiosi, beige lino, lilla pallido) perché mantengono la leggibilità senza il salto netto del bianco puro. Questo rende le superfici UI e le pagine editoriali più morbide alla vista.

Per gli accenti, scegli una sola tinta controllata da ripetere tra i componenti: malva, rame, blu lavagna, teal smorzato o oliva cenere. Quando la base è neutra scura, anche un accento poco saturo risulta deliberato.

Se serve più energia, aggiungi un solo colore "segnale" in piccole dosi (bottoni, badge, highlight grafici). Mantienilo controllato così la palette rimane incentrata sull’ombra, senza diventare una scala di saturazione alta.

Come usare una palette colori ombra nei progetti reali

Parti da una mappatura basata sui ruoli: la più scura per header/footer, media-scura per le superfici primarie, media per bordi e pannelli secondari, e la più chiara per card, modali o sfondi dati chiave.

Nel branding, ancora loghi e tipografia nel neutro più profondo, poi usa l’accento nei dettagli packaging, template social o dettagli foil/spot. Le palette shadow risultano premium quando la ripetizione è coerente.

Per gli editoriali, evita di usare troppo la tinta più scura su blocchi grandi. Una base quasi nera con margini avorio caldo risulta più raffinata e stampa meglio.

Crea elementi visivi delle palette ombra con l’IA

Se hai già i codici HEX, il modo più rapido per validare una palette shadow è generare mockup realistici (UI, manifesti, packaging) prima di progettare tutto a mano. Così testi subito se contrasto, mood ed equilibri di accenti funzionano.

Riutilizza i prompt sopra, sostituisci il tuo concept (tipo brand, layout, soggetto) e mantieni costante la direzione palette (carbone, lavagna, accenti smorzati). Questo è utile per presentazioni e fasi esplorative di brand.

Con Media.io puoi generare molte varianti in pochi minuti, poi rifinire il prompt per calibrare luce, texture e composizione mantenendo intatta la tonalità ombra.

Prossimo: Palette di colori tradizionale