Palette di Colori Grigio Scuro: 20 Abbinamenti con Codici Hex

Il grigio scuro è un neutro moderno che può sembrare elegante, calmo o drammatico a seconda degli abbinamenti. È una scelta privilegiata per UI, branding e interni perché dona struttura senza la severità del nero puro.

Di seguito troverai 20 idee accuratamente selezionate di palette di grigi scuri con codici HEX, oltre a consigli pratici su come scegliere gli accenti, bilanciare i contrasti e generare visuali delle palette con l'IA.

Perché le palette grigio scuro funzionano così bene

Il grigio scuro si trova nel "punto ideale" tra il nero e i neutri di mezzotono: offre profondità, contrasto e gerarchia, ma è più morbido per gli occhi. Questo lo rende particolarmente efficace per il design di interfacce, layout editoriali e sistemi di brand premium.

Poiché il grigio scuro è intrinsecamente versatile, può tendere al caldo (taupe, espresso, palissandro) o al freddo (acciaio, ardesia, blu-nero). Con l'accento giusto, la stessa base neutra può sembrare orientata al benessere, aziendale, giocosa o lussuosa.

Si abbina bene anche con le texture—grana di carta, rumore sottile, finiture opache e ombre morbide—che aiutano i design a sembrare più dimensionali e meno "piatti" anche mantenendo la palette minimale.

Oltre 20 idee di palette grigio scuro (con codici HEX)

1) Grafite e lino

HEX: #2b2d31 #3c3f45 #6b6f77 #d7d1c6 #f3f1ed

Atmosfera: calma, architettonica, raffinata

Ideale per: hero del sito web di uno studio di architettura

Calma e architettonica, queste tonalità di grafite accostate ai neutri lino ricordano cemento, carta e luce diurna soffusa. Usala per siti di studio, portfolio e brand di servizi premium che richiedono sicurezza discreta. Abbina con bianchi caldi e texture sottili (grana di carta o rumore leggero) per evitare un effetto piatto. Consiglio: mantieni il lino chiaro come sfondo principale e riserva la grafite profonda per titoli e pulsanti primari.

Esempio di immagine di grafite e lino 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 gratuitamente

2) Salvia carbone

HEX: #24262b #3a3d44 #5a6b5f #9bb49c #e6efe7

Atmosfera: radicata, botanica, moderna

Ideale per: kit identità brand benessere

Radicata e botanica, il carbone ricorda la pietra mentre la salvia dona una freschezza erbacea. Questi abbinamenti di grigio scuro sono perfetti per il branding dei prodotti benessere, etichette di erboristeria e confezioni lifestyle calme. Abbina con texture opache e linee artistiche discrete per un effetto naturale e moderno. Consiglio: usa il menta chiaro come spazio negativo così che le tonalità scure non risultino mai pesanti.

Esempio di immagine salvia carbone generata con media.io

3) Notte blu acciaio

HEX: #1f2228 #353a44 #4a6072 #7b9bb8 #e8edf3

Atmosfera: fresca, tecnica, affidabile

Ideale per: UI dashboard saas

Fresca e tecnica, il blu acciaio su quasi-nero evoca la modalità notte con una luce pulita e decisa. Perfetta per dashboard SaaS, strumenti di analisi e UI aziendali dove conta la chiarezza. Abbina divisori sottili e uno sfondo chiaro e ghiacciato per tabelle e pannelli secondari. Consiglio: riserva il tono più chiaro per le metriche chiave per creare gerarchia senza aggiungere colori extra.

Esempio di immagine notte blu acciaio generata con media.io

4) Cenere e palissandro

HEX: #2a2728 #444041 #6d5a58 #b08a82 #f2e7e5

Atmosfera: calda, intima, vintage

Ideale per: design menu caffetteria

Calda e intima, il grigio cenere con riflessi palissandro evoca taccuini di pelle e un angolo silenzioso di caffè. È ideale per menù, ospitalità boutique e elenchi artigianali dove si cerca una sofisticatezza accogliente. Abbina con sfondi crema e tocchi blush delicati per titoli di sezione. Consiglio: mantieni il testo principale in grigio medio e usa il tono scuro solo per prezzi ed etichette importanti.

Esempio di immagine cenere e palissandro generata con media.io

5) Ardesia e agrumi pop

HEX: #262a30 #3d434d #707786 #f0c94a #fff3d6

Atmosfera: audace, vivace, editoriale

Ideale per: creatività per annunci social

Audace e vivace, i grigi ardesia creano la base mentre il giallo agrumi spicca come un evidenziatore. Ottima scelta per annunci social, banner promozionali e comunicazioni che necessitano contrasto senza diventare neon. Abbina tipografia grande e forme geometriche semplici per energia pulita. Consiglio: limita il giallo a un elemento focalizzato (pulsante, prezzo, badge) per il massimo impatto.

Esempio di immagine ardesia e agrumi pop generata con media.io

6) Inchiostro e arenaria

HEX: #202226 #36383f #6a6f78 #c3b6a6 #f6f0e8

Atmosfera: minimale, premium, senza tempo

Ideale per: packaging skincare di lusso

Minimale e premium, i grigi inchiostro su neutri arenaria ricordano la ceramica, il lino e un lusso discreto. Questa palette si adatta a packaging skincare, candele boutique e brand elevati DTC che vogliono trattenersi. Abbina finiture in rilievo e neutri caldi per mantenere un aspetto accogliente e non freddo. Consiglio: usa l'arenaria per il campo dell'etichetta mentre i toni inchiostro portano il logo e la gerarchia degli ingredienti.

Esempio di immagine inchiostro e arenaria generata con media.io

7) Prugna di mezzanotte e fumo

HEX: #1d1c22 #332b37 #5a435f #a07aa6 #efe7f1

Atmosfera: misteriosa, creativa, notturna

Ideale per: artwork copertina album indie

Misteriosa e creativa, il grigio notte con riflessi prugna trasmette l'atmosfera di una sessione notturna in studio sotto luce viola soffusa. Ideale per copertine di album, poster evento e campagne artistiche di atmosfera. Abbina tipografia ad alto contrasto in lilla chiaro e tenere le immagini astratte per amplificare la mood. Consiglio: aggiungi grana e vignettatura delicata usando il tono più scuro per profondità senza colori extra.

Esempio di immagine prugna mezzanotte e fumo generata con media.io

8) Cemento e rame

HEX: #2c2f33 #454a51 #777d86 #b46b4d #f1dfd6

Atmosfera: industriale, sicura, metallo caldo

Ideale per: etichetta distillati artigianali

Industriale ma accogliente, i grigi cemento incontrano il rame come metallo satinato su pietra urbana. Funziona per distillati artigianali, caffè premium ed etichette di prodotto che desiderano grinta con calore. Abbina tipografia condensata e accenti effetto lamina di rame per un aspetto tangibile e pronto allo scaffale. Consiglio: posiziona il rame solo su badge piccoli o bordi per mantenere il controllo del neutro base.

Esempio di immagine cemento e rame generata con media.io

9) Teal tempestoso

HEX: #23262b #3c4248 #4b6b6b #69a6a1 #e7f3f2

Atmosfera: fresca, costiera, moderna

Ideale per: header blog di viaggi

Fresca e costiera, il grigio tempestoso con teal suggerisce vetro marino sotto un cielo nuvoloso. Perfetta per header di viaggi, blog lifestyle e brand ariosi che vogliono colore senza perdere la base neutra. Abbina tanto spazio bianco e accenti teal per link e call-to-action. Consiglio: mantieni le immagini dai toni freddi così che il teal appaia intenzionale e non accidentale.

Esempio di immagine del color petrolio tempestoso generata con media.io

10) Lavanda Fumè

HEX: #26242a #3e3a45 #6f667a #b5a9c9 #f4f0fa

Atmosfera: morbido, sognante, contemporaneo

Ideale per: set di inviti matrimoniali

Morbido e sognante, i grigi fumosi combinati alla lavanda ricordano la foschia del tramonto e i fiori pressati. È perfetto per matrimoni moderni, inviti eleganti e cartoleria che punta ad un romanticismo senza toni pastello accesi. Da abbinare a caratteri serif delicati e tanto spazio libero su sfondo chiaro. Consiglio: usa la lavanda media per bordi e piccole icone invece che per grandi blocchi di colore.

Esempio di immagine Lavanda Fumè generata con media.io

11) Granite Mint Studio

HEX: #24272c #3a3f46 #5e646e #7fd1b9 #eaf8f3

Atmosfera: pulito, energico, orientato alla tecnologia

Ideale per: schermate onboarding app fitness

Pulito ed energico, il grigio granito mantiene ogni cosa nitida mentre il menta dà una sferzata moderna di freschezza. È ottimo per app fitness, tracker di abitudini e onboarding prodotto dove conta chiarezza e motivazione. Da abbinare a indicatori di avanzamento audaci e illustrazioni semplici per evitare disordine. Consiglio: usa il menta per stati di successo e azioni chiave, e mantieni i pulsanti secondari in grigio medio.

Esempio di immagine Granite Mint Studio generata con media.io

12) Urban Cherry

HEX: #1f2024 #34363d #5c4a52 #b23a56 #f6e7ec

Atmosfera: audace, elegante, vita notturna

Ideale per: layout lookbook moda

Audace ed elegante, il grigio urbano con rosso ciliegia ricorda le luci della città riflesse sulla pietra lucida. Usalo per lookbook di moda, volantini nightlife e branding carismatici che necessitano carattere senza caos. Da abbinare a grandi blocchi fotografici e la ciliegia come accento deciso per titoli di sezione o numeri pagina. Consiglio: mantieni il tono più scuro per gli sfondi e lascia che la sfumatura rosata ammorbidisca gli spazi negativi intorno al testo.

Esempio di immagine Urban Cherry generata con media.io

13) Nebbia e Senape

HEX: #2a2c31 #40444c #7a808b #d7a51f #f7f0d6

Atmosfera: sicuro, retro-moderno, deciso

Ideale per: design manifesto evento

Sicuro e leggermente rétro, i grigi nebbia fanno risplendere la senape come un riflettore su una strada bagnata. Queste combinazioni di grigio scuro sono perfette per manifesti evento, grafiche conferenza e annunci energici. Da abbinare a caratteri sans-serif massicci e forme semplici per un look pulito e ad alto contrasto. Consiglio: lascia alla senape la data e la call-to-action mentre i grigi gestiscono il resto.

Esempio di immagine Nebbia e Senape generata con media.io

14) Pewter Ocean

HEX: #262a2f #3e454f #6b7787 #3c7fa6 #e6f1f7

Atmosfera: nitido, affidabile, calma corporate

Ideale per: design landing page b2b

Nitido ed affidabile, i grigi peltro con blu oceano ricordano acciaio lucido e acque aperte. Si adatta perfettamente a landing page B2B, fintech e brand di consulenza che necessitano autorevolezza serena. Da abbinare a icone chiare e sfondi luminosi per mantenere il blu professionale e non giocoso. Consiglio: usa il blu oceano per link e marker di sezione, non per ampie campiture di sfondo.

Esempio di immagine Pewter Ocean generata con media.io

15) Carbon Neon Lime

HEX: #1c1f23 #2f333a #555c66 #b8ff4a #f4ffe0

Atmosfera: tagliente, alto contrasto, futuristico

Ideale per: banner pubblicità prodotto gaming

Tagliente e futuristico, i grigi carbone esaltano il lime neon come un highlight HUD in una stanza buia. È ideale per annunci gaming, lanci tech e banner impattanti dove si vuole visibilità istantanea. Da abbinare a forme affilate e un solo effetto glow lime per mantenere lo stile raffinato, non caotico. Consiglio: limita il lime a un pulsante principale e una dettagliata sottile per un’atmosfera premium e controllata.

Esempio di immagine Carbon Neon Lime generata con media.io

16) Museum Taupe

HEX: #2d2c2a #474543 #746b63 #b9aa96 #f2ede6

Atmosfera: classico, curato, discreto

Ideale per: layout brochure galleria d'arte

Classico e curato, i grigi tendenti al taupe evocano muri di museo, stampe incorniciate e morbida illuminazione direzionale. Funziona bene per brochure galleria, programmi eventi culturali e stampa di pregio. Da abbinare a margini generosi e regole sottili per far respirare i contenuti. Consiglio: usa la crema chiara per gli sfondi pagina e mantieni il tono più intenso per didascalie e elementi navigazione.

Esempio di immagine Museum Taupe generata con media.io

17) Monochrome Drift

HEX: #17181b #2a2c31 #4a4e57 #7b818d #d9dde3

Atmosfera: minimale, neutro, ultra-moderno

Ideale per: libreria componenti ui mobile

Minimale e ultra-moderno, questi grigi fluttuanti ricordano la nebbia, il cromo e la tipografia pulita. Una palette di grigi scuri come questa è perfetta per librerie componenti, sistemi di design o kit UI che richiedono massima flessibilità. Da abbinare a un solo accento brand altrove sul prodotto e lascia a questi neutri il compito strutturale principale. Consiglio: assicurare l’accessibilità usando il grigio più chiaro dietro testi piccoli e il quasi nero per etichette chiave.

Esempio di immagine Monochrome Drift generata con media.io

18) Espresso Olive

HEX: #2a2420 #413835 #5a6150 #8b9b6a #efece6

Atmosfera: terroso, rustico-moderno, accogliente

Ideale per: branding e menù ristorante

Terroso e accogliente, il marrone/gray espresso con verde oliva richiama tavoli di legno, piatti di ceramica ed erbe su tagliere. Adatto al branding di ristoranti, menù a km zero, packaging culinario. Da abbinare a texture naturali carta e illustrazioni semplici per un tocco autentico. Consiglio: usa oliva per evidenziare categorie e dettagli, mantenendo l'espresso più scuro per titoli e loghi.

Esempio di immagine Espresso Olive generata con media.io

19) Rainy Day Pastels

HEX: #2a2d34 #434854 #6f7582 #c9b7d8 #e8eef5

Atmosfera: morbido, amichevole, tech-leggero

Ideale per: template planning studente

Morbidoso e amichevole, i grigi piovosi uniti al lilla tenue ricordano quaderni, pomeriggi nuvolosi e concentrazione serena. Perfetto per template planning, cruscotti studio e planner stampabili dal mood di supporto. Da abbinare a forme arrotondate e riempimenti leggeri di sezione usando il celeste chiaro. Consiglio: limita il lilla a header e segni di spunta così il layout resta leggibile anche stampato.

Esempio di immagine Rainy Day Pastels generata con media.io

20) Noir Gold Accent

HEX: #1b1c1f #2f3136 #585b61 #c7a04a #f6f0e3

Atmosfera: lusso, drammatico, alto contrasto

Ideale per: pubblicità orologio premium

Lussuoso e drammatico, i grigi noir con oro caldo ricordano una boutique in penombra e un riflettore su metallo lucido. Usalo per annunci premium, landing page alto livello e comunicazioni eleganti. Da abbinare a copy minimo, forte contrasto e fondo crema così l’oro risulta ricco e non pacchiano. Consiglio: usa l’oro come micro-accento per loghi e separatori, non come pieno blocco colore.

Esempio di immagine Noir Gold Accent generata con media.io

Quali colori si abbinano bene con il grigio scuro?

I neutri caldi come crema, lino, beige e pietra rendono il grigio scuro più accogliente e pregiato. È un abbinamento affidabile per packaging, layout editoriali e branding d’interni dove si desidera un “lusso discreto” invece del forte contrasto.

Accenti freddi—blu acciaio, teal e tinte oceaniche—trasportano il grigio scuro verso un mood tecnico e affidabile. Queste combinazioni sono particolarmente efficaci per UI SaaS, dashboard e landing corporate perché mantengono chiarezza e gerarchia.

Per più energia, usa il grigio scuro come base e aggiungi un solo accento vibrante (senape, giallo agrumato, ciliegia, lime neon o oro). La chiave è la misura: un solo ruolo accent (CTA, badge, highlight) mantiene il design nitido e controllato.

Come usare una palette grigio scuro in progetti reali

Parti assegnando i ruoli: una tonalità scura per titoli/UI principale, un grigio medio per corpo e bordi, un neutro chiaro per gli sfondi. Così eviti layout “grigio su grigio” confusi e garantisci leggibilità tipografica.

Usa gli accenti intenzionalmente per interazione ed enfasi—pulsanti, link, stati attivi, date, prezzi o piccoli marchi. Se serve più profondità senza aggiungere colori, lavora con gradienti, ombre e texture sfruttando i grigi già presenti.

Per accessibilità, controlla il contrasto (soprattutto su testo piccolo) e riserva la tinta più chiara come sfondo dei testi. In UI, i grigi scuri funzionano meglio se lo sfondo non è nero puro, riducendo affaticamento visivo e mantenendo una sensazione premium.

Crea visual palette grigio scuro con l'IA

Se vuoi vedere come appare una palette grigio scuro in un vero layout, genera rapidamente mockup con AI: hero section, poster, packaging e schermate UI. Usare un set coerente di HEX ti aiuta a valutare gerarchia, contrasto e “mood” prima di decidere.

Con Media.io Text to Image puoi incollare un prompt come gli esempi sopra, mantenere la palette coerente e iterare rapidamente—ottimo per moodboard, pitch e prime esplorazioni di brand.

Prossimo: Palette colori della pelle