20 Idee per Palette Color Slate Gray con Codici HEX

Grigio ardesia è uno di quei neutri che “funziona sempre”: fresco, composto e facile da adattare da sfondi discreti a tipografia incisiva.

Di seguito trovi oltre 20 idee di palette di colori grigio ardesia con codici HEX che puoi usare per UI, branding e interni—oltre a consigli rapidi di abbinamento e prompt AI per generare visual in modo veloce.

Perché le palette grigio ardesia funzionano così bene

Il grigio ardesia si trova nel perfetto equilibrio tra toni blu-grigio e neutri spenti, così si sente moderno senza risultare freddo e industriale per natura. Può giocare sia il ruolo di “sfondo” che di “struttura” a seconda di quanto scurisci la tinta.

Nei prodotti digitali, il grigio ardesia supporta una forte gerarchia: toni profondi per navigazione e titoli, tinte chiare per superfici, e un colore d’accento per le azioni. Questo lo rende particolarmente efficace per dashboard, fintech e layout editoriali.

Nel design fisico (interni, packaging), il grigio ardesia aggiunge peso e calma. Si abbina naturalmente a materiali caldi come legno, sabbia, ottone e terracotta—mantenendo un aspetto generale solido e premium.

Oltre 20 idee di palette di colori grigio ardesia (con codici HEX)

1) Porto Avvolto nella Nebbia

HEX: #708090 #2F3A44 #AAB2BD #D9D3C7 #C6A15B

Mood: calmo, costiero, moderno

Ideale per: UI dashboard analytics SaaS

La nebbia del porto e l’acciaio satinato danno un tono costante e focalizzato. Usalo per interfacce ricche di dati dove contrasto e gerarchia sono essenziali, lasciando il carbone più scuro come ancoraggio per navigazione e titoli. Sabbia calda e oro smorzato evitano che sembri sterile, specialmente su grafici, badge e metriche chiave. Consiglio: riserva l’oro per un’azione primaria e lascia il resto sui grigi per maggiore chiarezza visiva.

Esempio immagine Porto Avvolto nella Nebbia generato con 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) Acciaio Blu e Rosa Tenue

HEX: #708090 #1F2A37 #E8B4B8 #F4F1EC #6BAED6

Mood: raffinato, accogliente, arioso

Ideale per: landing page brand di bellezza UI

Acciaio lucido incontra rosa tenue per un look sicuro ma accessibile. Queste combinazioni grigio ardesia funzionano bene su landing page dove vuoi struttura nitida con un tocco umano e delicato. Abbina il rosa all’avorio per le sezioni principali, poi usa l’azzurro cielo per link e bottoni secondari. Consiglio: mantieni il testo base sull’avorio e usa il blu notte più scuro per i titoli per garantire accessibilità.

Esempio immagine Acciaio Blu e Rosa Tenue generato con media.io

3) Studio Salvia Cenere

HEX: #708090 #3E4A3D #C9D2C1 #F2EFE9 #B08A5A

Mood: organico, rilassato, editoriale

Ideale per: packaging prodotto ceramico

Luce soffusa e note terrose creano un mood organico e artigianale. Usa la salvia e il tan caldo per ammorbidire la base fredda, soprattutto nel packaging dove tattilità e calma sono importanti. L’avorio dà respiro alla tipografia, mentre il verde più scuro sostiene icone e ingredienti in evidenza. Consiglio: stampa il tono ardesia come campo principale dell’etichetta e limita gli accenti a un solo richiamo terroso per un tocco premium.

Esempio immagine Studio Salvia Cenere generato con media.io

4) Neutri Finestra Tempestosa

HEX: #708090 #111827 #9CA3AF #E5E7EB #F59E0B

Mood: elegante, a contrasto, urbano

Ideale per: schermate app mobile fintech UI

Riflessi di finestra piovosa e ombre cittadine donano a questa palette un tocco urbano deciso. Una palette di grigi ardesia così è ideale per flussi fintech che richiedono chiarezza, fiducia e forte contrasto per i numeri. Usa il quasi-nero per testo principale e navigazione, poi lascia l’ambra per notifiche, avvisi e CTA chiave. Consiglio: mantieni l’ambra sotto il 10% dell’interfaccia per mantenerla significativa e non caotica.

Esempio immagine Neutri Finestra Tempestosa generato con media.io

5) Grafite e Albicocca

HEX: #708090 #2B2D31 #F4A261 #F7F3E9 #264653

Mood: contrasto caldo, moderno, sicuro

Ideale per: slide pitch deck startup

La profondità grafite con il calore dell’albicocca regala energia senza essere eccessiva. Perfetta per pitch deck dove servono titoli incisivi, grafici chiari e un accento memorabile. Mantieni l’avorio come tela principale, poi usa l’albicocca per evidenziare dati e callout. Consiglio: abbina il teal ai visual di supporto e alle icone per mantenere il deck coeso in tutte le sezioni.

Esempio immagine Grafite e Albicocca generato con media.io

6) Editoriale Giorno di Pioggia

HEX: #708090 #0B1320 #BFC7D5 #F6F5F2 #7C5CFC

Mood: sofisticato, rifinito, editoriale

Ideale per: layout feature rivista

La quiete di una giornata piovosa e un inchiostro dal forte contrasto creano un’atmosfera raffinata da stampa. La tinta acciaio chiara mantiene la lettura prolungata comoda, mentre il quasi-nero dà autorevolezza a titoli e citazioni. Usa il viola con parsimonia per divisori di sezione, didascalie o una sola statistica rilevante. Consiglio: imposta il testo base nel tono più scuro e mantieni lunghezze di riga generose per preservare la calma editoriale.

Esempio immagine Editoriale Giorno di Pioggia generato con media.io

7) Cemento Nordico

HEX: #708090 #3B4A5A #C7CED6 #F3F4F6 #A3B18A

Mood: minimale, arioso, architettonico

Ideale per: guida palette interni soggiorno moderno

La luce nordica su pareti in cemento dona un mood minimale e respirabile. Usa le tinte ardesia e acciaio per pittura, mobili su misura o imbottiti, poi ammorbidisci la stanza con superfici bianco-grigie. L’oliva smorzata aggiunge un accento discreto su piante, ceramiche o una singola sedia. Consiglio: ripeti l’oliva in due piccoli dettagli invece che su un oggetto grande per un look più equilibrato.

Esempio immagine Cemento Nordico generato con media.io

8) Accento Teal di Mezzanotte

HEX: #708090 #0F172A #0EA5A4 #CBD5E1 #F8FAFC

Mood: hi-tech, nitido, fresco

Ideale per: pubblicità smartwatch

Profondità di mezzanotte con una scintilla teal per un effetto futuristico pulito. I grigi chiari mantengono il design clinico nel senso migliore, perfetto per pubblicità tech che richiedono chiarezza. Usa il teal per mettere in evidenza funzioni, effetti glow e piccoli movimenti, mentre il tono più scuro incornicia il prodotto. Consiglio: mantieni gli sfondi quasi bianchi e concentra il contrasto sulla tipografia per rendere il device il vero protagonista.

Esempio immagine Accento Teal di Mezzanotte generato con media.io

9) Ufficio Rosa Polveroso

HEX: #708090 #374151 #D1A3A4 #F5F2EE #8AB4F8

Mood: professionale, morbido, accogliente

Ideale per: template report aziendale

Le luci soffuse dell’ufficio e le note rosate smorzate rendono un layout professionale più accogliente. Usa il grigio più intenso per le intestazioni e le linee delle tabelle, affidandoti all’off white caldo per le sezioni lunghe di testo. Il rosa polveroso funziona bene per i titoli delle sezioni, mentre l’azzurro chiaro aiuta a far risaltare link e riferimenti. Consiglio: limita i grafici a due colori dati più neutri, così il report risulta immediato.

Esempio d’immagine di ufficio “rosa polveroso” generata con media.io

10) Mineral Spa Calm

HEX: #708090 #22303C #A7C4C2 #E9EFEF #CBAE82

Mood: rilassante, pulito, rigenerante

Ideale per: kit identità di marca benessere

Toni acqua minerale e vapore morbido creano un’atmosfera pulita e rigenerante. La schiuma di mare e il bianco nebbioso danno freschezza, mentre il beige caldo aggiunge un tocco umano e naturale. Usa le tinte più scure per loghi e tipografia, mantenendo confezioni e post luminosi e ariosi. Consiglio: scegli una sola texture, come una carta leggermente ruvida, per mantenere l’identità calma invece che lucida.

Esempio d’immagine di spa minerale calma generata con media.io

11) Copper Hardware

HEX: #708090 #2D3748 #B87333 #EFE7DD #6B7280

Mood: industriale, caldo, premium

Ideale per: packaging elettrodomestici cucina

L’acciaio industriale con una nota di rame trasmette un feeling premium e moderno. Usa il tono metallico caldo per badge e nomi dei modelli, mentre l’off white facilita la lettura di istruzioni e funzionalità. Il grigio medio mantiene pannelli e icone discreti senza scomparire. Consiglio: stampa il rame come punto di rilievo o in foglia per elevare la scatola senza eccedere in lucentezza.

Esempio d’immagine di hardware rame generata con media.io

12) Winter Wool

HEX: #708090 #1F2937 #C4CBD4 #F5F5F4 #A16207

Mood: accogliente, sartoriale, senza tempo

Ideale per: spread lookbook moda

La lana su misura e l’aria fredda trasmettono un’eleganza discreta e accogliente. Usa i grigi morbidi per sfondi e margini, affidandoti alla tonalità più scura per titoli forti e prezzi. Il marrone oro caldo crea accenti raffinati per micropunti, numeri di pagina o regole grafiche sottili. Consiglio: mantieni la fotografia fredda così il colore d’accento sembra voluto e non casuale.

Esempio d’immagine di lana invernale generata con media.io

13) Candlelit Bistro

HEX: #708090 #2B2A2F #E0C097 #F7F1E3 #8C5E3C

Mood: intimo, caldo, raffinato

Ideale per: design menu ristorante

Il calore della luce di candela su pietra scura trasmette intimità e classe. Usa la tonalità più profonda per le intestazioni e i divisori del menu, mantenendo il corpo su carta crema per la leggibilità. Le sfumature beige e cacao funzionano bene per icone, etichette dietetiche e bordi sottili. Consiglio: riserva il marrone più caldo ai piatti firma così gli accenti risultano selezionati, non eccessivi.

Esempio d’immagine di bistrò a lume di candela generata con media.io

14) Celestial Night

HEX: #708090 #0A0F1F #94A3B8 #F8FAFC #F97316

Mood: drammatico, moderno, energico

Ideale per: manifesto festival musicale

L’atmosfera di notte stellata aggiunge dramma, con accenti luminosi che sembrano neon contro il cielo scuro. Usa il nerissimo per il campo del manifesto, affida a ardesia e grigio chiaro la gerarchia tipografica. Un arancione vivido è perfetto per date, informazioni biglietti o un singolo elemento focale. Consiglio: usa quell’arancione su un solo peso tipografico per un effetto segnale intenzionale.

Esempio d’immagine di notte celestiale generata con media.io

15) Minimal Museum

HEX: #708090 #20262E #B8C0CC #FFFFFF #9B8C7A

Mood: silenzioso, curato, da galleria

Ideale per: segnaletica museale

Toni silenziosi e curati richiamano una parete da galleria con spaziatura studiata. Usa il bianco come campo principale per la segnaletica, affidandoti al buio per frecce, numeri di sala e titoli leggibili. L’accento color pietra calda aiuta a evidenziare mostre speciali senza scontrarsi con le opere. Consiglio: scegli un solo peso per icone e tieni alto il contrasto per la leggibilità a distanza.

Esempio d’immagine di museo minimale generata con media.io

16) Pebble Path

HEX: #708090 #334155 #CBD5E1 #F1F5F9 #22C55E

Mood: fresco, pulito, leggermente giocoso

Ideale per: onboarding app ui

Sassi rotondi e aria fresca trasmettono energia pulita e giocosa. Usa le tinte pallide per schermi onboarding ariosi, portando il verde come segnale positivo per avanzamento, conferme e successi. Il grigio scuro mantiene i titoli solidi e aiuta le illustrazioni a risaltare. Consiglio: rendi verdi gli indicatori di progresso solo sullo step attivo, così l’utente capisce subito dove si trova.

Esempio d’immagine di percorso ciottoloso generata con media.io

17) Olive Drift

HEX: #708090 #2A3D3B #7D8F69 #E6E2D8 #D97706

Mood: avventuroso, concreto, naturale

Ideale per: banner ecommerce outdoor

Toni solidi e pronti per il sentiero trasmettono avventura senza essere troppo “ruvidi”. L’oliva e il verde-grigio scuro si abbinano bene alla fotografia di prodotto, mentre il sabbia chiaro lascia i banner leggibili e ariosi. Usa l’arancione caldo per evidenziare offerte o prodotti limitati. Consiglio: inserisci l’accento solo dietro testi brevi, per evidenziare l’offerta senza coprire la foto prodotto.

Esempio d’immagine di olive drift generata con media.io

18) Ink and Sand

HEX: #708090 #0F172A #D6D3CD #F9FAFB #2563EB

Mood: deciso, moderno, sicuro

Ideale per: ui sito portfolio

Il contrasto inchiostro-sabbia trasmette modernità e precisione, come una pagina ben allestita. Questa palette grigio ardesia è perfetta per siti portfolio che richiedono spazio e tipografia in evidenza. Combina blu freddi e neutri per link e stati hover, usando il tono più scuro per navigazione e titoli. Consiglio: usa il blu solo su elementi interattivi, così il visitatore riconosce subito cosa è cliccabile.

Esempio d’immagine di ink and sand generata con media.io

19) Cloudy Lavender

HEX: #708090 #2E2A3B #B8B3D6 #F4F3F8 #D4A373

Mood: romantico, morbido, moderno

Ideale per: set inviti matrimonio

Lilla nuvoloso e grigio delicato trasmettono romanticismo mantenendo un aspetto moderno e pulito. Usa il lilla pallido come campo principale, tipografia in prugna-grigio scuro per eleganza. Il beige caldo aggiunge un tocco festoso e sottile per monogrammi, bordi o piccoli motivi. Consiglio: mantenere gli elementi decorativi sottili e minimi preserva la leggerezza della palette.

Esempio d’immagine di lavender nuvoloso generata con media.io

20) Harbor Mist Classroom

HEX: #708090 #334E68 #BFD7EA #F0F7FF #F6C453

Mood: luminoso, amichevole, organizzato

Ideale per: infografica educativa

Azzurri foschi e luminosi trasmettono organizzazione e accoglienza, come una parete di classe serena. Usa le tinte cielo chiare per sezioni e box, affidandoti al blu-grigio profondo per titoli e etichette. Il giallo sole funziona bene per dati chiave, icone e accenti che guidano lo sguardo. Consiglio: usa il giallo su un elemento ricorrente, come i balloon di richiamo, per una coerenza visiva.

Esempio d’immagine di harbor mist classroom generata con media.io

21) Smoky Plum Contrast

HEX: #708090 #2B1B2E #A78BFA #EDE9FE #94A3B8

Mood: creativo, raffinato, leggermente cupo

Ideale per: copertina libro

Prugna fumosa e viola tenue trasmettono creatività e raffinatezza, come inchiostro al crepuscolo su carta ruvida. Usa il prugna scuro per sfondo o titolo, poi il viola pallido per autore e dettagli minuti. Il grigio-blu freddo tiene ancorato il design evitando eccessi di viola. Consiglio: imposta il titolo principale in un serif ad alto contrasto lasciando il resto minimale per una finitura moderna.

Esempio d’immagine di smoky plum contrast generata con media.io

Quali colori si abbinano bene al grigio ardesia?

Il grigio ardesia si abbina perfettamente a neutri caldi come sabbia, crema, beige e grano quando vuoi un aspetto più soffice e invitante. Queste tinte “scaldano” la base blu-grigia senza perdere la modernità.

Per un contrasto digitale deciso, combina il grigio ardesia con quasi-nero/blu navy e un off white pulito, aggiungendo un accento ad alta visibilità (ambra, arancione, teal o blu elettrico) per CTA e stati.

Se cerchi una palette più espressiva, il grigio ardesia si abbina bene anche a pastelli smorzati (rosa polveroso, lavanda) e verdi terra (salvia, oliva), mantenendo lo schema calmo ma con personalità.

Come usare una palette grigio ardesia nei design reali

Inizia assegnando i ruoli: una ardesia scura per testo primario e navigazione, una ardesia media per elementi UI secondari, grigi molto chiari per superfici e spaziatura. Così i layout restano leggibili e coerenti tra le pagine.

Poi scegli una famiglia d’accento e seguila. Gli accenti caldi (oro, albicocca, rame) trasmettono ricercatezza e accoglienza, quelli freddi (teal, sky, violetto) più nitore e sensazione tecnica.

Infine, testa subito il contrasto—specialmente su bottoni, etichette piccole e visualizzazioni dati. Il grigio ardesia è discreto, quindi la gerarchia intenzionale evita che tutto si confonda nello stesso “bel grigio”.

Crea visual di palette grigio ardesia con l’AI

Se stai creando una moodboard, un concept UI o un mockup di packaging, generare effetti visivi con la palette può aiutarti a valutare l’atmosfera prima di lavorare sui file definitivi.

Con il tool testo-immagine di Media.io puoi incollare un prompt (come negli esempi sopra), scegliere il formato e iterare finché luci, materiali e stile non rispecchiano il tuo brand.

Quando trovi una direzione che ti piace, mantieni la base grigio ardesia e cambia solo l’accento per esplorare più varianti senza dover rifare il design da zero.

Prossimo: Palette colori grano