Una palette monocromatica utilizza una sola tonalità e la estende attraverso tinte, toni e sfumature. Il risultato è un look pulito e coerente che appare intenzionale in UI, branding e interni.
Di seguito trovi 20 abbinamenti monocromatici tono su tono con codici HEX, oltre a consigli pratici ed esempi di prompt AI che puoi riutilizzare nei tuoi progetti.
In questo articolo
Perché le palette monocromatiche funzionano così bene
Le combinazioni di colori monocromatici riducono il rumore visivo, perché tutto deriva da una sola tonalità di base. Questo rende la struttura ordinata e "studiata", anche con pochi elementi.
Creano anche una gerarchia naturale grazie alle variazioni di valore: tinte chiare per gli sfondi, toni medi per le superfici e sfumature scure per l'accento. Puoi guidare l'attenzione senza introdurre altri colori.
Infine, le palette monocromatiche sono flessibili su diversi supporti. Lo stesso set di sfumature e tinte può essere applicato da UI a stampa a interni, mantenendo coerenza e modernità.
Oltre 20 Idee di palette colore monocromatiche (con codici HEX)
1) Salvia Nebbiosa

HEX: #f2f6f1 #dbe7d7 #b7ceb0 #7ea679 #3f6b45
Mood: fresco, calmo, rigenerante
Ideale per: interfaccia UI dashboard app benessere
Freschi e ariosi come la nebbia mattutina su giardini di erbe, questi toni di salvia trasmettono calma all'istante. Usa la tinta più chiara per gli sfondi, i toni medi per card e controlli, e il verde profondo per le CTA principali. Abbina a bianco caldo e texture granulari leggere per mantenerlo organico invece che sterile. Consiglio: riserva la sfumatura più scura per una sola azione per schermo per una gerarchia delicata e rilassante come una spa.
Esempio immagine di salvia nebbiosa generato con media.io
Media.io è uno studio AI online per creare e modificare video, immagini e audio direttamente sul tuo browser.
2) Foresta Profonda

HEX: #e9f1ea #cfe0d1 #9fbeaa #5f8c73 #1f3f30
Mood: solido, naturale, premium
Ideale per: packaging e design etichette per brand outdoor
Solida e naturale come aghi di pino e sentieri in ombra, questa gamma ha un effetto premium senza essere appariscente. Usa il verde più scuro su loghi e testi chiave su etichette, mentre i verdi medi per blocchi, badge e motivi. Abbina carta kraft, finiture opache e un tocco di nero per maggiore definizione. Consiglio: usa la tinta più chiara come spazio negativo attorno alle informazioni, così l'etichetta resta leggibile a colpo d'occhio.
Esempio immagine di foresta profonda generato con media.io
3) Verde Oceano

HEX: #e7f6f7 #bfe7ea #7ccbd1 #2e9ea7 #0b5a63
Mood: pulito, costiero, sicuro
Ideale per: UI landing page SaaS
Puliti e costieri come acqua illuminata dal sole, questi teal trasmettono modernità e sicurezza. Usa l’azzurro pallido per le sezioni, teal medio per gli accenti UI e la sfumatura scura per titoli e bottoni hero. Abbina bianco brillante e divisori grigio chiaro per mantenere il layout definito. Consiglio: aggiungi leggere sfumature teal solo nelle aree ampie e lascia piatti i componenti piccoli per chiarezza.
Esempio immagine di verde oceano generato con media.io
4) Blu Ghiacciato

HEX: #f3f8ff #d9e8ff #a9caff #5f95e6 #254a8a
Mood: nitido, preciso, affidabile
Ideale per: dashboard UI per analisi finanziaria
Nitidi e precisi come la luce d'inverno, questi blu trasmettono fiducia e chiarezza. Usa la tinta quasi bianca per le grandi superfici, poi il blu medio per serie di grafici e stati interattivi. Abbina grigi neutri e icone lineari sottili per mantenere ordinati i dati. Consiglio: limita il navy più scuro a totali e avvisi così lo sguardo cade prima sui numeri più importanti.
Esempio immagine di blu ghiacciato generato con media.io
5) Blu Navy Tempestoso

HEX: #eef2f7 #cfd9e6 #8aa0bf #3b5477 #121c2b
Mood: drammatico, editoriale, elegante
Ideale per: layout editoriale rivista
Drammatici ed eleganti come una tempesta sul mare aperto, questi navy aggiungono subito autorevolezza editoriale. Usa l’azzurro-grigio per margini e colonne, portando la tonalità più scura su titoli e citazioni. Abbina texture cartacee color crema o accenti metallici smorzati per addolcire il tono. Consiglio: per il testo, scegli una sfumatura media per la leggibilità, riservando la più scura solo per dare enfasi.
Esempio immagine di blu navy tempestoso generato con media.io
6) Lavanda Polverosa

HEX: #f7f3fb #e6dcf3 #c7b1e2 #9a78c6 #5a2f86
Mood: romantico, soffice, da sogno
Ideale per: coordinato partecipazioni nozze
Romantico e sognante come petali al crepuscolo, questi toni lavanda sono delicati ed elevati. Una palette monocromatica del genere è perfetta per inviti se usi la tinta più chiara per il foglio e il viola più profondo per nomi e dettagli. Abbina illustrazioni floreali leggere, sovrapposizioni in vellum o un tocco di oro caldo per il contrasto. Consiglio: aumentare leggermente lo spazio tra le lettere con il colore più scuro aiuta i testi piccoli a non sembrare pesanti.
Esempio immagine di lavanda polverosa generato con media.io
7) Viola Reale

HEX: #f3effb #d8c9f5 #ae90ea #6a3fd1 #2c0b69
Mood: audace, elettrico, teatrale
Ideale per: design poster musicale
Audace e teatrale come luci da palco nella nebbia, questi viola danno subito intensità drammatica. Usa il tono medio più brillante per grandi forme e overlay, poi ancora la tipografia con il viola profondo. Abbina testi neri o bianco sporco e una texture noise per rendere le sfumature più studiate. Consiglio: applica solo un livello ad alta saturazione per elemento focale così il poster resta incisivo e non si appesantisce.
Esempio immagine di viola reale generato con media.io
8) Rosa Cipria

HEX: #fff2f6 #ffd6e3 #f7a9c2 #df6e93 #8c2d4d
Mood: delicato, raffinato, orientato alla bellezza
Ideale per: packaging prodotti skincare
Delicati e raffinati come un nastro in satin, questi rosa sono perfetti per i marchi di bellezza. Usa il rosa chiaro per la base del pack, toni medi per pannelli o motivi e il bordeaux per i nomi prodotto. Abbina tipografia sans serif pulita e un dettaglio metallico caldo per un effetto premium. Consiglio: stampa la sfumatura più scura solo in piccoli elementi per non coprire la delicatezza dell’insieme.
Esempio immagine di rosa cipria generato con media.io
9) Terracotta Mattone

HEX: #fff1ea #f8d3c2 #e8a382 #c5653f #6f2a1b
Mood: calda, terrosa, accogliente
Ideale per: piano parete e decor interno caffè
Caldi e terrosi come argilla al sole, questi toni terracotta creano un'atmosfera accogliente e vissuta. Usa le tinte più chiare per pareti o tessuti grandi, portando i toni mattone su ceramiche, insegne o imbottiti. Abbina legno naturale, texture intrecciate e bianco cremoso per un effetto arioso. Consiglio: ripeti il tono medio almeno tre volte nello spazio per rendere l’insieme coeso e intenzionale.
Esempio di immagine di terracotta a mattoni generata con media.io
10) Sabbia Calda

HEX: #fff8ee #f2e3c8 #d7c09a #b08c5e #6a4a2b
Mood: illuminato dal sole, neutro, senza tempo
Ideale per: layout per brochure immobiliare
Illuminati dal sole e senza tempo come dune all'ora dorata, questi toni sabbia trasmettono calma e raffinatezza. Usa la crema più chiara per lo sfondo delle pagine e abbondante spazio bianco, poi sali ai toni più intensi per intestazioni e richiami. Abbina con fotografie pulite e tipografia color carbone per una leggibilità nitida. Consiglio: mantieni i gradienti sottili ed affidati alla texture, come la grana della carta, per aggiungere profondità senza il disordine.
Esempio di immagine di sabbia calda generata con media.io
11) Ambra Miele

HEX: #fff6e6 #ffe3b3 #ffc86a #e49a2a #8a4f0a
Mood: accogliente, luminoso, invitante
Ideale per: pubblicità per candele e-commerce
Accoglienti e luminosi come miele caldo in vetro, questi toni ambra risultano invitanti e appetitosi. Usa la sfumatura chiara come sfondo pulito, poi spingi l'ambra media su etichette, badge e ombre morbide. Abbina con toni neutri caldi e materiali naturali come lino per mantenere un aspetto premium. Consiglio: evita testo nero puro e preferisci marrone scuro per un contrasto più morbido e caldo.
Esempio di immagine di ambra miele generata con media.io
12) Senape Solare

HEX: #fff9e3 #ffefad #ffe074 #e2b536 #8b5a0c
Mood: allegro, energico, amichevole
Ideale per: modello post per social media per brand
Allegro e luminoso come il sole di fine estate, questi toni senape aggiungono energia senza risultare fluo. Le combinazioni monocromatiche funzionano bene nei template social mantenendo il testo nella tonalità più scura e lasciando le sfumature più chiare come sfondo delle forme. Abbina con icone semplici e abbondante margine così il calore non risulta soffocante. Consiglio: usa il tono medio per bottoni o adesivi, e tieni il giallo più intenso lontano dai lunghi paragrafi.
Esempio di immagine di senape solare generata con media.io
13) Uliveto

HEX: #f4f6ed #dde3c7 #b7c087 #7e8f45 #3e4a1a
Mood: naturale, saporito, sostenibile
Ideale per: design etichetta cibo biologico
Naturali e saporiti come olive schiacciate e foglie fresche, questa gamma di verde oliva comunica sostenibilità a prima vista. Usa il verde pallido per i campi delle etichette, i toni medi per motivi del brand, e la sfumatura più intensa per ingredienti e certificazioni. Abbina con carta non trattata e icone semplici tipo stampo per un effetto genuino, pronto per la dispensa. Consiglio: mantieni il contrasto alto sui testi nutrizionali mettendoli solo sulla sfumatura più chiara.
Esempio di immagine di uliveto generata con media.io
14) Grigio Ardesia

HEX: #f5f7fa #dde3ea #b4bfcd #73859c #2d3642
Mood: professionale, strutturato, calmo
Ideale per: template pitch deck B2B
Professionale e strutturato come pietra levigata, questi ardesia mantengono l'attenzione sul messaggio. Una palette monocromatica così risplende nelle presentazioni: usa il grigio più chiaro per le slide, grigi medi per grafici e divisori, e il tono più scuro per i titoli. Abbina con un solo piccolo colore d'accento solo se serve per le categorie, altrimenti lascia che sia la tipografia a fare il lavoro. Consiglio: imposta le etichette dei dati nella tonalità più scura e riduci il contrasto delle linee della griglia per mantenere i grafici nitidi.
Esempio di immagine di grigio ardesia generata con media.io
15) Notte Carbone

HEX: #f0f2f4 #c8ccd1 #8a9098 #434952 #0f1216
Mood: elegante, ad alto contrasto, lussuoso
Ideale per: banner hero sito web tecnologico di lusso
Elegante e lussuosa come skyline urbano di notte, questi toni carbone trasmettono un senso di alto livello e controllo. Usa la sfumatura più scura per il background hero, poi eleva gli elementi UI principali con grigi medi e netti spazi bianchi. Abbina con riflessi sottili, linee fini e font condensato per un'atmosfera tech premium. Consiglio: inserisci il grigio più chiaro come bagliore dietro al titolo per migliorare la leggibilità senza rompere l'atmosfera.
Esempio di immagine di notte carbone generata con media.io
16) Marrone Cacao

HEX: #fbf4ec #ead8c8 #c9a88d #9a6e52 #4a2a1a
Mood: accogliente, artigianale, rassicurante
Ideale per: design lavagna menu caffetteria
Accogliente e artigianale come cacao e latte schiumato, questi marroni rendono i menu rassicuranti e curati. Usa la crema più chiara come base del menu, toni medi per le sezioni, e l'espresso più scuro per nomi e prezzi. Abbina con icone disegnate a mano o texture carta sottile per rafforzare il mood artigianale. Consiglio: mantieni una tonalità coerente per tutti i prezzi così la lettura rimane semplice.
Esempio di immagine di marrone cacao generata con media.io
17) Vino Ciliegia

HEX: #fff1f4 #f8c8d2 #e58aa0 #b84a66 #5a1124
Mood: romantico, drammatico, di tendenza
Ideale per: copertina lookbook moda
Romantico e drammatico come velluto rosso alla luce soffusa, questi toni vino trasmettono sicurezza e stile. Usa il blush pallido come spazio negativo, poi porta il ciliegia più intenso per testata e tipografia chiave. Abbina con fotografie monocromatiche o ombre morbide così il colore resta protagonista. Consiglio: limita i rosa medi ad accenti piccoli come linee o numeri pagina per mantenere la copertina sofisticata.
Esempio di immagine di vino ciliegia generata con media.io
18) Crema di Pesca

HEX: #fff6f0 #ffe2d1 #ffc1a3 #f28a62 #9a3f23
Mood: dolce, morbido, accogliente
Ideale per: volantino baby shower
Dolce e accogliente come panna montata e pesche mature, questi toni risultano gentili e festosi. Usa la pesca più chiara per sfondo, toni medi per palloncini o bordi, e il corallo più intenso per dettagli evento. Abbina con caratteri arrotondati e illustrazioni semplici per mantenerlo giocoso. Consiglio: tieni il testo principale sulla sfumatura più pallida così il volantino rimane leggibile anche stampato.
Esempio di immagine di crema di pesca generata con media.io
19) Gelato Menta

HEX: #f1fffb #ccf7eb #8fe6cf #3bb89b #0b5d50
Mood: fresco, giocoso, pulito
Ideale per: illustrazione botanica ad acquerello
Freschi e giocosi come gelato alla menta in una giornata calda, questi verdi trasmettono pulizia e buonumore. Usa la sfumatura pallida per il lavaggio carta, menta media per foglie, e il verde teal più intenso per gambi ombreggiati e linee di dettaglio. Abbina con ampio spazio bianco così l'illustrazione resta leggera. Consiglio: lascia la sfumatura più scura solo per bordi fini, lasciando che i fiori acquerello creino la profondità principale.
Esempio di immagine di gelato menta generata con media.io
20) Lime Elettrico

HEX: #f6ffe6 #ddff9f #bfff4f #7bdc16 #2e6b00
Mood: ad alta energia, sportivo, audace
Ideale per: poster evento sportivo
Ad alta energia e audaci come erba fresca sotto i fari dello stadio, questi toni lime sono dinamici e sportivi. Usa il lime più brillante per forme grandi e riflessi, poi bilancia il layout con verde scuro per testo e regole. Abbina con nero o bianco come neutri di supporto per un contrasto netto anche da lontano. Consiglio: tieni la sfumatura tipo neon lontana dai lunghi blocchi di testo e riservala a titoli ed elementi direzionali.
Esempio di immagine di lime elettrico generata con media.io
Quali colori si abbinano bene con i monocromatici?
Le palette monocromatiche si abbinano bene ai neutri perché proteggono il concetto “one-hue” migliorando la leggibilità. Pensa a bianco caldo, grigio morbido, carbone o marrone intenso in base al colore principale.
Se vuoi più vivacità, aggiungi un piccolo accento da fuori dalla gamma (come un colore complementare) ma limita l'uso agli elementi micro: badge, link o un unico stato di evidenza.
La texture è un altro forte alleato—grana della carta, finiture opache, rumore sottile o materiali naturali possono aggiungere profondità senza introdurre nuovi colori.
Come utilizzare una palette colore monocromatica in progetti reali
Inizia assegnando i ruoli in base ai valori: la sfumatura più chiara per gli sfondi, toni medi per superfici (card, pannelli, forme) e la tonalità più scura per azioni principali e testo chiave. Questo mantiene la gerarchia coerente.
Per le UI, evita di usare ovunque la tonalità più scura—riservala a una CTA principale e alle etichette di massima priorità. Per stampa e branding, affidati al contrasto di scala e spaziatura così il design rimane leggibile.
Quando hai dubbi, testa l'accessibilità subito. Una palette monocromatica può essere elegante, ma testo e icone devono offrire contrasto sufficiente per funzionare su schermi e sotto diverse luci.
Crea visual di palette monocromatiche con l'AI
Vuoi vedere le tue combinazioni monocromatiche applicate a layout reali? Genera mockup rapidi—dashboard, poster, packaging o interni—usando una singola gamma cromatica e contrasto controllato.
Con lo strumento "Text to Image" di Media.io puoi inserire un prompt, specificare lo stile (minimale, editoriale, realistico) e iterare fino a trovare il giusto bilanciamento tono su tono.
Usa i prompt sopra come template, poi cambia soggetto (UI, etichetta, volantino) e mantieni le parole chiave del mood della palette per ottenere risultati più coerenti.
FAQ Palette Monocromatiche
-
Cos'è una palette cromatica monocromatica?
Una palette monocromatica nasce da una base cromatica, poi viene espansa con sue sfumature (bianco aggiunto), ombre (nero aggiunto) e toni (grigio aggiunto) per creare un set coerente di colori. -
Le palette monocromatiche sono adatte per web e UI?
Sì—le palette monocromatiche rendono interfacce pulite e coerenti. La chiave è assegnare ruoli chiari (sfondo, superfici, testo, CTA) e controllare il contrasto per l'accessibilità. -
Come aggiungo contrasto in una palette monotona?
Usa prima il contrasto di valore (chiaro vs scuro), poi aggiungi contrasto tramite spessore della tipografia, spaziatura, bordi e texture sottile. Se serve, aggiungi un piccolo neutro (bianco/carbone) o un piccolo colore d'accento. -
Qual è la differenza tra sfumature, ombre e toni?
Le sfumature sono un colore miscelato col bianco, le ombre col nero, i toni col grigio. Insieme creano la gamma utile alle combinazioni monocromatiche. -
Posso usare palette monocromatiche per branding?
Sì. I colori monocromatici di brand sono memorabili e facili da mantenere coerenti su stampa e digitale. Tipicamente scegli una tonalità principale, una gamma chiara per sfondi e una scura per logo e titoli. -
Le palette monocromatiche funzionano sugli interni?
Funzionano particolarmente bene negli interni perché cambi di texture e materiali aggiungono profondità. Usa tinte più chiare per le aree grandi (muri), toni medi per i rivestimenti e tonalità più scure per dettagli come cornici e infissi. -
Come posso generare rapidamente mockup di palette monocromatiche?
Usa un generatore AI come Media.io Text to Image. Descrivi il design (ad es., “pagina di atterraggio SaaS”, “etichetta per confezione”, “poster”), specifica la famiglia di tonalità e perfeziona con indicazioni su illuminazione e texture per risultati realistici.
Successivo: Palette di colori per Home Office

