21 Migliori Palette Dim Gray: Codici Hex e Consigli per l'Uso

Il grigio scuro è un neutro moderno che dona struttura senza la durezza del nero puro. Nell’interfaccia utente, nel branding e negli interni, supporta una tipografia pulita, layout stabili e una gerarchia visiva calma.

Di seguito trovi oltre 20 idee di palette di colori grigio scuro con codici HEX, oltre a consigli pratici per accostare accenti, mantenere il contrasto leggibile e trasformare le palette in veri sistemi di design.

Perché le palette Grigio Scuro funzionano così bene

Il grigio scuro si trova nel punto ideale tra il nero netto e il grigio chiaro, quindi può supportare navigazione, titoli e cromature UI senza sopraffare i contenuti. Questo equilibrio rende i design composti e intenzionali.

Essendo neutro, il grigio scuro si abbina facilmente sia con accenti caldi (sabbia, terracotta, oro) sia freddi (ottanio, blu ardesia, menta). Puoi cambiare l’atmosfera in modo drastico mantenendo la stessa base affidabile.

Aiuta anche con la coerenza su schermo e stampa: il grigio scuro attenua lo shock di contrasto del “nero puro”, e tende ad apparire più raffinato su ampi blocchi, sfondi e impaginazioni ricche di tipografia.

Oltre 20 idee di palette Grigio Scuro (con codici HEX)

1) Nebbia urbana

HEX:#696969 #2F343A #BFC5CC #F2F1ED #C7A27C

Atmosfera: silenziosa, metropolitana, raffinata

Ideale per: UI landing page di prodotto tecnologico

La mente corre a nebbie cittadine e cemento spazzolato, ammorbiditi da un accento di sabbia calda. Si adatta a dashboard e pagine di atterraggio SaaS dove conta la chiarezza più che l’effetto. Usa il taupe per bottoni o metriche chiave e lascia i titoli nel carbone profondo. Suggerimento: riserva il beige per una sola azione primaria per evitare contrasti fangosi.

Esempio d’immagine di nebbia urbana generata con media.io

Media.io

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

Provalo ora gratis

2) Pietra e Salvia

HEX:#696969 #3E4247 #A9B7A5 #E7E3DA #7B6D5D

Atmosfera: radicata, naturale, rigenerante

Ideale per: identità visiva e packaging per marchio spa

Toni di pietra si incontrano con una morbida nota di salvia, come un tranquillo interno di un bagno rilassante. Funziona per branding del benessere, etichette e confezioni minimal dove vuoi ispirare fiducia e calma. Mantieni la salvia come accento protagonista su sigilli o evidenze e lascia ai grigi la tipografia. Suggerimento: stampa la crema chiara su carta naturale per esaltare l'effetto organico.

Esempio d’immagine di pietra e salvia generata con media.io

3) Minimalismo Museale

HEX:#696969 #1F2328 #D9D3C7 #FFFFFF #8B7E74

Atmosfera: pulito da galleria, raffinato, lusso silenzioso

Ideale per: layout editoriale rivista

Muri da galleria, tipografia sobria e silenzio curato definiscono l’atmosfera. Questa palette è ideale per impaginati editoriali e lookbook che contano sul bianco e su una gerarchia elegante. Usa il quasi-nero per i titoli e il greige caldo per i quote per evitare pagine fredde. Suggerimento: una sola regola d'accento per le didascalie viste museali.

Esempio d’immagine di minimalismo museale generata con media.io

4) Fumo di Cacao

HEX:#696969 #3B2F2A #8A6F5A #E9DFD3 #171717

Atmosfera: umorale, accogliente, intimo

Ideale per: menu per caffetteria

Toni di espresso affumicati e cacao caldo ricreano l’atmosfera accogliente di una caffetteria notturna. Ideale per menu e stampe dove la leggibilità deve restare elevata. Usa il fondo crema per il corpo del testo e il marrone intenso per titoli sezioni e prezzi. Suggerimento: aggiungi una texture cartacea sottile per non appiattire le tinte scure.

Esempio d’immagine di fumo di cacao generata con media.io

5) Costa nuvolosa

HEX:#696969 #4A6572 #9FB7C3 #F5F7F8 #D2B48C

Atmosfera: fresca, ariosa, calma

Ideale per: header e miniature per blog di viaggi

Cieli coperti vicino al mare evocano più aria che malinconia, grazie a una base bianca brillante. Questa combinazione per header di viaggio, sistemi di miniature e card di contenuti che richiedono una storia visiva sobria. Usa il blu-grigio per link e piccoli dettagli UI e lascia il beige per i badge. Suggerimento: limita i blu saturi per mantenere la palette rilassata e nebbiosa.

Esempio d’immagine di costa nuvolosa generata con media.io

6) Crepuscolo insegna al neon

HEX:#696969 #1B1D22 #FF4FA3 #6C5CE7 #F3F3F3

Atmosfera: energica, notturna, taglio moderno

Ideale per: poster evento per serata musica elettronica

L’energia da crepuscolo notturno si esprime nel rosa e viola vivaci su neutri affumicati profondi. Queste combinazioni di grigio scuro brillano su poster e grafiche eventi dove il contrasto deve attirare subito. I grigi fanno da palco, il rosa spicca nei titoli e il viola rinforza i dettagli secondari. Suggerimento: evita i gradienti, a meno che tu possa controllare le bande in stampa.

Esempio d’immagine di crepuscolo insegna al neon generata con media.io

7) Studio di Lino

HEX:#696969 #8E8A84 #DCD6CC #FAF7F2 #B58B6A

Atmosfera: soffice, tattile, artigianale

Ideale per: styling minimal per fondali fotografici di prodotto

Lino morbido e luce di studio danno a questa palette un tono calmo e artigianale. Perfetta per foto prodotto dove vuoi superfici neutre con tono caldo e naturale. Usa il beige caldo per dettagli di scena (nastro, etichetta, biglietto) mentre i bianchi occupano la maggior parte del frame. Suggerimento: mantieni le ombre dolci per rendere i grigi simili al tessuto e non al metallo.

Esempio d’immagine di studio di lino generata con media.io

8) Acciaio Artico

HEX:#696969 #22313F #A7B1B7 #E6EEF3 #00A6A6

Atmosfera: nitida, tecnica, sicura

Ideale per: UI dashboard dati

Acciaio lucido e grigi ghiaccio trasmettono sensazione tecnica e affidabile, con un segnale ottanio ben distinto. Ideale per dashboard di analisi dati e fintech dove gli stati e le metriche devono essere leggibili. Accoppia ottanio con grafici e interruttori, mentre il blu notte più scuro resta per la navigazione. Suggerimento: testa il contrasto su piccoli testi per evitare che il grigio medio perda visibilità.

Esempio d’immagine di acciaio artico generata con media.io

9) Cemento Rosato

HEX:#696969 #4C4C4C #F2C6C2 #FFF4F3 #B07A7A

Atmosfera: morbida, moderna, accogliente

Ideale per: template social per beauty brand

Il delicato rosa cipria sul cemento appare moderno ma accogliente, come uno studio minimalista con un bagliore rosato. È una scelta ideale per template social beauty, callout di prodotto e promo semplici. Usa il blush per grandi blocchi e il rosa più intenso per etichette piccole, così i grigi mantengono tutto equilibrato. Consiglio d’uso: mantieni gli sfondi quasi bianchi per evitare che il rosa sembri polveroso.

Esempio di immagine di cemento blush generata con media.io

10) Ardesia di Foresta

HEX: #696969 #2A3A2E #6F8F72 #E3E7E0 #C7B299

Atmosfera: naturale, affidabile, sano

Ideale per: sito web brand eco-friendly

I verdi bosco su ardesia grigia evocano sentieri e etichette di carta riciclata. Funziona bene per marchi sostenibili che vogliono trasmettere praticità, non moralismo. Usa il verde bosco per header e icone, il grigio-verde chiaro come sfondo principale della pagina. Consiglio d’uso: aggiungi beige caldo con moderazione per evitare che i verdi risultino troppo freddi.

Esempio di immagine di ardesia di foresta generata con media.io

11) Asfalto all’Ora d’Oro

HEX: #696969 #2D2D2D #F0B429 #F7E7C6 #8C6A3B

Atmosfera: deciso, caldo, urbano

Ideale per: slide pitch deck per startup

La luce dorata che taglia l'asfalto dona energia e sicurezza urbana a questa palette. Ideale per pitch e presentazioni in cui serve autorevolezza ma anche ottimismo. Usa il giallo per evidenziare numeri e highlights, mentre i neutri scuri strutturano la griglia. Consiglio d’uso: prediligi la crema come tela principale per evitare che il giallo prevarichi.

Esempio di immagine di asfalto all’ora d’oro generata con media.io

12) Blu Navy Sartoriale

HEX: #696969 #0F1B2D #2B3A55 #E9EDF2 #C6A15B

Atmosfera: professionale, sartoriale, premium

Ideale per: branding studio legale

Blu navy sartoriale e grigio tenue ricordano un abito perfetto con una spilla in ottone spazzolato. Ideale per brand legali o di consulenza che vogliono credibilità senza sembrare datati. Usa l’ottone-giallo per sigilli o divisori e mantieni il navy per navigazione e titoli. Consiglio d’uso: evita l’oro nei testi del corpo; usalo come dettaglio finale.

Esempio di immagine di blu navy sartoriale generata con media.io

13) Loft in Terracotta

HEX: #696969 #3C3532 #C76B4B #F3E6DC #8C8A84

Atmosfera: caldo, creativo, vissuto

Ideale per: moodboard interior design

Terracotta calda in un loft crea un mood creativo e accogliente, come vasi di argilla davanti a una grande finestra. Ottimo per interni, moodboard e post di home decor. Abbina terracotta alla crema morbida per pareti e sfondi, toni scuri per le sagome degli arredi. Consiglio d’uso: ripeti il terracotta in piccole dosi ovunque per coerenza stilistica.

Esempio di immagine di loft in terracotta generata con media.io

14) Iris e Inchiostro

HEX: #696969 #24243A #6F7BF7 #EDEEFF #B9B0D9

Atmosfera: onirico, moderno, leggermente futuristico

Ideale per: schermate onboarding app mobile

Ombre d’inchiostro con luce iris danno un’atmosfera sognante, come il crepuscolo che filtra da un vetro satinato. Questa palette grigio scuro è ottima per onboarding con movimento e chiarezza. Usa il pervinca per indicatori di stato e micro-interazioni, quasi bianco per card di contenuto. Consiglio d’uso: il lavanda medio può sostituire l’ombreggiatura nera troppo dura.

Esempio di immagine di iris e inchiostro generata con media.io

15) Officina Monocromatica

HEX: #696969 #111111 #4D4D4D #CFCFCF #F8F8F8

Atmosfera: industriale, concentrato, diretto

Ideale per: sito portfolio fotografo

Il monocromo industriale ricorda un muro d’officina tappezzato di stampe e provini. Perfetto per portfolio che vogliono valorizzare le immagini mantenendo l’UI invisibile. Usa il nero più profondo per la navigazione e i grigi chiari per spazi e separatori. Consiglio d’uso: mantieni gli hover molto delicati per dare risalto alle foto.

Esempio di immagine di officina monocromatica generata con media.io

16) Metro Menta

HEX: #696969 #30363B #7FD1B9 #E9FAF5 #F4C95D

Atmosfera: fresco, vivace, contemporaneo

Ideale per: banner marketing app fintech

Menta fresca su grigio metro è moderna e piena di ottimismo, come una corsa in metropolitana con il sole sul vetro. Ottima per banner fintech e highlight di funzionalità. Usa la menta per le forme principali, il giallo come tocco su badge o tassi. Consiglio d’uso: lascia molto spazio bianco intorno alla menta per mantenerla brillante e non invadente.

Esempio di immagine di Metro Menta generata con media.io

17) Sera in Palissandro

HEX: #696969 #2B2024 #6E3B3B #EAD7D7 #D1A054

Atmosfera: romantico, drammatico, elegante

Ideale per: set inviti matrimonio

Palissandro e luce soffusa danno un’atmosfera romantica e drammatica, come velluto a lume di candela. Perfetto per suite di inviti e cartolerie formali dallo stile moderno. Sfondo cipria polverosa coi testi vino profondo, oro per nomi o bordi come highlight preziosi. Consiglio d’uso: mantieni gli accenti oro sottili per eleganza.

Esempio di immagine di sera in palissandro generata con media.io

18) Argilla e Grafite

HEX: #696969 #2E2A28 #B38B6D #EFE7DD #6F5E53

Atmosfera: terroso, artigianale, radicato

Ideale per: etichette packaging negozio ceramica

Argilla terrosa e grafite danno l’idea del fatto a mano, come un ceramista al lavoro nel silenzio del mattino. Ideale per etichette, tag e piccoli packaging dove la texture è protagonista. Abbina argilla calda e crema per la base, grafite per testi netti. Consiglio d’uso: aggiungi un semplice timbro marrone per rafforzare l’atmosfera artigianale.

Esempio di immagine di argilla e grafite generata con media.io

19) Cemento Agrumi

HEX: #696969 #333333 #D7E04B #F5F6E8 #A3A7AA

Atmosfera: brillante, giocoso, moderno

Ideale per: annuncio prodotto sportswear

Neutri cemento con tocchi agrumati fanno sentire sportività e modernità, come sneaker nuove in uno studio pulito. Questa combinazione grigio scuro è ottima per annunci in cui serve energia senza caos. Usa accenti lime-pera per i benefici chiave, off-white per gli spazi negativi. Consiglio d’uso: il lime va usato su un solo elemento focale per layout, per massimo effetto.

Esempio di immagine di cemento agrumi generata con media.io

20) Botanica Invernale

HEX: #696969 #46505A #8AA0A6 #F1F4F6 #B7A18B

Atmosfera: fredda, delicata, ariosa

Ideale per: set illustrazione botanica acquerello

Le botaniche invernali hanno una delicatezza fresca, come foglie pallide pressate in un diario. Queste combinazioni grigio scuro sono ideali per kit di illustrazione e cartoleria dove serve morbidezza senza perdere struttura. Usa blue-gray per steli e ombre, toni chiari come lavaggio carta. Consiglio d’uso: lascia che il beige emerga come piccoli semi per scaldare la composizione.

Esempio di immagine di botanica invernale generata con media.io

21) Circuito Rame

HEX: #696969 #202225 #B87333 #E6E6E6 #4B6E77

Atmosfera: industriale, high-tech, premium

Ideale per: packaging prodotto hardware

Il rame su grafite scura ricorda circuiti sotto una lampada da tavolo, industriale ma raffinato. Ottimo per packaging hardware e schede tecniche che richiedono look tecnico con calore. Abbina rame ad icone e linee sottili, grigio chiaro per pannelli leggibili. Consiglio d’uso: ripeti il teal opaco come colore secondario per organizzare le varianti.

Esempio di immagine di circuito rame generata con media.io

Quali colori stanno bene con il Grigio Scuro?

Il grigio scuro si abbina bene a neutri caldi come sabbia, taupe, crema e terracotta quando vuoi un mood accogliente e umano. Questi accenti impediscono che la palette sembri fredda o troppo industriale.

Per un look moderno e definito, abbina grigio scuro a toni freddi come teal, blu ardesia, menta o off-white ghiacciati. Questa direzione funziona particolarmente per dashboard, SaaS e impaginati editoriali che richiedono chiarezza.

Se serve energia, aggiungi un solo colore “segnale” brillante (rosa neon, lime-pera o giallo dorato) e lascia tutto il resto neutro. Il segreto è la moderazione: un accento forte su una base grigia controllata fa premium, non caotico.

Come usare una palette Grigio Scuro nei progetti reali

Inizia assegnando i ruoli: usa il grigio scuro per testo corpo o struttura UI, un quasi-nero per titoli e un grigio chiaro o off-white per sfondi principali. Riserva il colore accento per azioni primarie, highlights e dati importanti.

Attenzione al contrasto, specialmente se il grigio scuro è su sfondi grigio medio. Per la leggibilità, scurisci il testo o schiarisci la superficie e prova i testi piccoli su più schermi.

Per branding e stampa, considera la texture e la carta: supporti opachi, grana delicata e finiture matte fanno percepire il grigio scuro più raffinato e tattile. Gli accenti vanno mantenuti coerenti su tutti i touchpoint per un sistema armonico.

Crea visualizzazioni di palette Grigio Scuro con l’IA

Vuoi vedere un’anteprima di una palette grigio scuro su landing page, poster, mockup di packaging o moodboard? Genera rapidamente concept visivi da un prompt testuale e iterali finché contrasto ed atmosfera sono corretti.

Descrivi il formato (UI, stampa, product shot), la luce e i materiali, poi inserisci gli indizi di palette (grigio scuro dominante, colore accento, tono sfondo). Così è più facile validare le idee prima della produzione.

Successivo: Palette colore pera