20 combinazioni di colori carbone moderne con codici hex

Il carbone è il “neutro scuro” moderno che rende i layout eleganti, stabili e immediatamente più premium rispetto al nero puro. È abbastanza profondo per il contrasto, ma più morbido per gli occhi su UI, stampa e interni.

Di seguito trovi 20 combinazioni di palette di colori charcoal pronte all’uso con codici HEX, oltre a idee pratiche di abbinamento e consigli per applicare le tonalità charcoal nei progetti reali.

Perché le palette Charcoal funzionano così bene

Il charcoal si colloca perfettamente tra nero e grigio: offre forte contrasto e struttura, ma è meno duro del nero puro. Lo rende ideale per branding moderno, layout leggibili e interfacce dark mode rilassanti.

Essendo neutro, il charcoal si abbina bene quasi con qualsiasi colore accent—dai toni terrosi smorzati al neon ad alta saturazione. Puoi mantenere il design minimale con crema e grigi delicati, oppure dare energia con tocchi vivaci come corallo, agrumato e ciano.

Il carbone copre meglio le imperfezioni rispetto al nero piatto nelle applicazioni reali. Negli interni, fotografia di prodotto e packaging, appare più naturale sotto luci e materiali diversi, soprattutto se abbinato a texture o dettagli caldi.

20+ Idee di palette colore Charcoal (con codici HEX)

1) Fumo e Lino

HEX: #2b2b2e #3a3d41 #6f7278 #d8d3c8 #f5f1e8

Mood: calmo, arioso, discreto

Ideale per: interni scandinavi, branding benessere, siti minimal

Calmo e arioso come la foschia mattutina su tessuti soffici, queste tonalità trasmettono pulizia senza sembrare sterili. La palette charcoal dà profondità ai layout, mentre i neutri lino mantengono ambienti e pagine luminose. Abbina con hardware nero opaco, legno caldo o texture sottili per realismo extra. Consiglio d’uso: riserva la crema più chiara per spazi vuoti e highlights così i grigi più scuri restano nitidi.

Esempio immagine di fumo e lino generato con media.io

Media.io

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

Provalo gratis subito

2) Notte Urbana Neon

HEX: #1f2024 #343845 #00c2ff #ff4fd8 #f7f7ff

Mood: elettrico, notturno, alto-contrasto

Ideale per: poster eventi musicali, branding esports, splash app

Elettrico e vivace come le luci cittadine dopo mezzanotte, questo mix vive sul contrasto. Le combinazioni charcoal permettono ai neon di risaltare mantenendo una base sofisticata. Abbina con tipografia sans audace e forme geometriche semplici per evitare il caos visivo. Consiglio d’uso: limita il neon a bottoni e titoli chiave per garantire leggibilità.

Esempio immagine di notte urbana neon generato con media.io

3) Studio Salvia Charcoal

HEX: #2a2c30 #464a52 #7a8f7b #c9d2c4 #f2f4ef

Mood: stabile, fresco, creativo

Ideale per: brand studio, packaging sostenibile, dashboard tranquille

Solido e fresco, ricorda uno studio soleggiato con piante e pavimenti in cemento. La salvia smorzata addolcisce i grigi profondi, rendendo l’insieme adatto al design contemporaneo. Abbina con texture carta riciclata, sfondi off-white e icone linea sottili per un look pulito ed ecosostenibile. Consiglio d’uso: usa la salvia intermedia per bottoni secondari e tag, così la gerarchia è chiara.

Esempio immagine di studio salvia charcoal generato con media.io

4) Espresso e Crema Marrone

HEX: #242427 #3b312b #6a4a3c #c8b29a #f3eadf

Mood: accogliente, artigianale, caldo

Ideale per: brand caffè, menu bakery, interni rustici

Accogliente e artigianale, ricorda la crema dell’espresso, pelle vissuta e luci calde da caffetteria. Le sfumature marroni rendono la base scura meno industriale e più invitante. Abbina con texture carta kraft, titoli serif e foto luci soffici per un mood fatto a mano. Consiglio d’uso: tieni la crema marrone per sfondi così foto prodotti e testo restano leggibili.

Esempio immagine di espresso e crema marrone generato con media.io

5) Minimal Ardesia Rosa

HEX: #2d2f35 #4b4f5a #b08a94 #e6d4d8 #fbf6f7

Mood: morbido, moderno, romantico

Ideale per: branding beauty, inviti matrimonio, template social

Morbido e moderno con un tocco romantico, evoca petali di rosa su pietra lucida. Il rosa polveroso scalda senza diventare zuccheroso, specie su grigi ardesia. Abbina con linee sottili, margini ampi e accenti serif eleganti per un effetto premium. Consiglio d’uso: sfrutta il rosa medio solo come colore principale per call to action o sigilli.

Esempio immagine di minimal ardesia rosa generato con media.io

6) Blu Nebbiolina di Porto

HEX: #272a2f #3d4450 #5b7a9a #a9c0d4 #eef4f8

Mood: fresco, costiero, composto

Ideale per: app finance, SaaS B2B, branding nautico

Fresco e composto come un porto in nebbia, questi blu trasmettono fiducia e calma. La base acciaio mantiene i layout professionali, mentre i toni blu più chiari aggiungono respiro. Abbina a grafici semplici, componenti UI arrotondati e gradienti delicati per un look SaaS moderno. Consiglio d’uso: usa la tonalità più scura per la navigazione e l’azzurro pallido per superfici e card.

Esempio immagine di blu nebbiolina di porto generato con media.io

7) Grigio Giornale Vintage

HEX: #2c2b2a #4a4946 #8c877f #d6d1c6 #f7f4ec

Mood: classico, editoriale, testurizzato

Ideale per: riviste, copertine libri, branding heritage

Classico ed editoriale, evoca carta da giornale, inchiostro e grana sottile. Una palette charcoal come questa è ideale per lettura prolungata perché il contrasto resta confortevole. Abbina a font serif, linee sottili e foto monocrome per un effetto stampa autentico. Consiglio d’uso: aggiungi un po’ di texture ai fondi chiari per evitare l’aspetto digitale piatto.

Esempio immagine di grigio giornale vintage generato con media.io

8) Grafite Pop Agrumato

HEX: #222427 #40444a #a0a4ab #ffd24a #fff6d6

Mood: giocoso, energetico, nitido

Ideale per: landing page startup, promo sport, set icone

Giocoso ed energetico, evoca luce solare che attraversa uno skyline nuvoloso. L’accento giallo dà subito ottimismo mentre i toni grafite mantengono il design deciso. Abbina a icone bold, contorni puliti e tanto spazio bianco affinché l’accento brillante sia sempre voluto. Consiglio d’uso: usa l’agrume solo per interazioni chiave come hover e bottoni primari.

Esempio immagine di grafite pop agrumato generato con media.io

9) Calore Rifugio Montano

HEX: #262626 #3f3a35 #6b5b4b #9c8a74 #e7dfd3

Mood: rustico, stabile, accogliente

Ideale per: brand outdoor, affitti cabin, fotografia lifestyle

Rustico e radicato, evoca fumo di pino, coperte di lana e legno vissuto. I marroni caldi rendono i toni scuri invitanti anziché severi. Abbina a materiali naturali, dettagli scritti a mano e luci calde per aumentare il mood rifugio. Consiglio d’uso: usa il beige chiaro per blocchi di testo e didascalie così la leggibilità su foto scure è sempre alta.

Esempio di immagine del calore di una baita di montagna generata usando media.io

10) Marmo Bianco da Museo

HEX: #1f2125 #3b3f45 #8b9097 #d9dadc #ffffff

Mood: gallery-clean, premium, equilibrato

Ideale per: siti portfolio, studi di architettura, pagine prodotto di lusso

Pulito e premium come una galleria, sembra una tranquilla sala museale con pietra lucidata e soffuse luci a spot. Questa palette color carbone è una scelta forte per esporre fotografia, tipografia e spazio bianco senza riflessi. Da abbinare a griglie sottili, animazioni sobrie e immagini ad alta risoluzione per un aspetto da portfolio moderno. Consiglio: usa il bianco puro solo per margini e sezioni hero, e scegli il grigio medio per i divisori al posto del nero.

Esempio di immagine del marmo bianco da museo generata con media.io

11) Monocromo Cyber

HEX: #141518 #2b2d33 #50545e #9aa0ac #e5e7ee

Mood: elegante, tecnico, futuristico

Ideale per: strumenti per sviluppatori, UI in dark mode, dashboard

Elegante e tecnico, evoca finestre terminali, metallo spazzolato e concentrazione notturna. La gamma di grigi ristretta lo rende ideale per interfacce che dipendono da gerarchia e spaziature. Da abbinare a un unico colore d'accento esterno a questa palette solo per avvisi o indicatori di successo. Consiglio: aumenta il contrasto del testo piccolo accostando grigio chiaro al fondo più scuro, non grigio su grigio medio.

Esempio di immagine Cyber Monochrome generata su media.io

12) Bagliore Braci d’Autunno

HEX: #232326 #3b3834 #8a4b2a #d08b5b #f2e2d3

Mood: caldo, stagionale, invitante

Ideale per: campagne autunnali, fotografia di cibo, packaging accogliente

Caldo e stagionale, richiama la luce delle braci, cannella e terracotta usurata. Le note arancioni-marroni donano comfort mentre la base scura assicura stabilità. Da abbinare a texture kraft, scatti culinari intensi e ombre morbide per uno stile autunnale ricco. Consiglio: usa il beige chiaro come sfondo così le tonalità braci possono essere accenti senza sovrastare.

Esempio di immagine Bagliore Braci d’Autunno generata su media.io

13) Notte Nebbia di Lavanda

HEX: #25262b #3d3f4a #7d77a7 #c6c1e2 #f3f1fb

Mood: onirico, suggestivo, soffice

Ideale per: copertine musicali, beauty brand, temi UI onirici

Onirico e suggestivo, sembra nebbia di lavanda che scivola in una stanza scura. Il sottotono viola dona personalità mentre i neutri rendono la palette portabile per i brand. Da abbinare a gradienti sfumati, forme sfocate e testo sottile sans per un’atmosfera moderna. Consiglio: riserva la lavanda per card e highlights, lasciando ai grigi scuri il lavoro del contrasto.

Esempio di immagine Notte Nebbia di Lavanda generata su media.io

14) Profondità Teal Moderno

HEX: #1e2024 #2f3a3d #1f6f78 #6fb6b5 #e6f4f3

Mood: fresco, moderno, acquatico

Ideale per: health tech, marchi spa, visualizzazione dati

Fresco e moderno, evoca acque profonde, vetro e aria pulita. Il teal dona chiarezza alla base scura, ed è leggibile soprattutto in grafici e infografiche. Da abbinare a molto spazio negativo e angoli arrotondati per una UI amichevole e contemporanea. Consiglio: usa l’azzurro tenue per card e superfici, riserva il teal intenso per elementi interattivi.

Esempio di immagine Profondità Teal Moderno generata su media.io

15) Ombra Neutra Arenaria

HEX: #28292d #3f4248 #7f7a72 #cdbfae #f6f0e6

Mood: organico, senza tempo, bilanciato

Ideale per: moodboard interni, architettura, blog lifestyle

Organico e senza tempo, ricorda muri di arenaria all’ombra. I neutri caldi bilanciano l’oscurità, scelta affidabile per brand che devono durare nel tempo. Da abbinare a fotografia in luce naturale, ceramiche beige e ombre leggere per la profondità. Consiglio: scegli la mezzatinta greige per il corpo testo quando il nero puro appare troppo marcato.

Esempio di immagine Ombra Neutra Arenaria generata su media.io

16) Calma Pino Invernale

HEX: #202226 #343a40 #2f5d50 #8fb9ab #eff7f4

Mood: freddo, calmante, naturale

Ideale per: abbigliamento outdoor, campagne invernali, blog natura

Freddo e calmante, richiama foreste sempreverdi, aria gelida, sentieri silenziosi. Il verde risulta naturale accostato al carbone, dando un carattere outdoor sicuro. Da abbinare a fotografia texturizzata, badge semplici e testo pulito sans per un brand avventura moderno. Consiglio: mantieni la tonalità menta chiara per gli sfondi così le foto prodotto restano il punto focale.

Esempio di immagine Calma Pino Invernale generata su media.io

17) Ritratto Creta Morbida

HEX: #2a2a2e #47424a #9b6b5e #d9b9ad #f7ece7

Mood: morbido, umano, valorizzante

Ideale per: preset ritocco ritratto, personal brand, siti lifestyle

Morbido e umano, evoca creta, blush e luci da studio delicate. Le tonalità pelle calde evitano che il grigio scuro risulti freddo, ideale per ritratti e storie personali. Da abbinare a elementi UI arrotondati, fotografia calda e icone minimali. Consiglio: usa il miele di creta come accento fisso per link ed etichette piccole.

Esempio di immagine Ritratto Creta Morbida generata su media.io

18) Boutique Oro Accento

HEX: #1f1f22 #373a40 #8a7a55 #d3c39b #faf6ea

Mood: lusso, raffinato, oro-caldo

Ideale per: branding gioielli, packaging premium, hotel identity

Lussuoso e raffinato, evoca oro satinato su pietra scura e luce di candela. Questi abbinamenti carbone risaltano premium con layout minimal e fotografie high-end. Da abbinare a effetti foil-stamp, titoli serif eleganti e spaziatura generosa per look da boutique. Consiglio: usa il beige oro solo per piccoli highlights come icone o righe, per rimanere di gusto.

Esempio di immagine Boutique Oro Accento generata su media.io

19) Inchiostro e Colpo di Corallo

HEX: #202126 #353742 #ff6b6b #ffd0c8 #fff7f5

Mood: audace, amichevole, contemporaneo

Ideale per: landing page CTA-driven, food brand, ads social

Audace e amichevole, sembra vernice corallo brillante su inchiostro scuro. Il corallo dona subito calore e urgenza, perfetto per design che puntano alla conversione. Da abbinare a fotografie pulite, bottoni forti e titoli corti così il colore rimane d’impatto. Consiglio: usa il corallo solo per azioni primarie e il rosa tenue per hover e dettagli soft.

Esempio di immagine Inchiostro e Colpo di Corallo generata su media.io

20) Nebbia Pioggia Silenziosa

HEX: #24262b #3b3f46 #66707c #aeb7c1 #f1f3f6

Mood: silenzioso, riflessivo, professionale

Ideale per: report, presentazioni aziendali, app produttività

Silenzioso e riflessivo, ricorda nuvole di pioggia e cemento pulito dopo un acquazzone. I passaggi blu-grigi creano ottima gerarchia in layout ricchi di testo e presentazioni. Da abbinare a icone semplici, divisori sottili e spaziatura coerente per look aziendale curato. Consiglio: usa il grigio più chiaro per slide di fondo e la tonalità più scura per titoli e numeri chiave.

Esempio di immagine Nebbia Pioggia Silenziosa generata su media.io

Quali colori stanno bene con il Charcoal?

Il carbone si abbina facilmente a neutri chiari come avorio, lino e bianco caldo per un look pulito e premium. È la scelta più sicura per brand che cercano eleganza senza pesantezza.

Per gli accenti, il carbone supporta sia toni freddi che caldi: teal e blu ardesia trasmettono calma e affidabilità, mentre creta, caramello e beige-oro danno un senso di accoglienza e pregio. Se vuoi un tocco vivace, usa piccoli accenni di corallo, giallo agrumi, ciano o magenta per punti focali netti.

In caso di dubbi, mantieni il carbone come base strutturale (navigazione, titoli, cornici) e lascia che gli accenti appaiano solo dove serve attenzione (bottoni, badge, dati chiave).

Come usare una palette Charcoal nei progetti reali

Nel design UI, usa il carbone per navigazione e superfici principali, salendo verso il grigio medio per bordi e pannelli secondari. Riserva il quasi-bianco o le tinte pallide per card e zone testo estese per mantenere leggibilità e ridurre l’affaticamento visivo.

Nel branding e packaging, il carbone dà il meglio con le texture: grana soffice, carta opaca, metallo satinato o gradienti delicati. Così i neutri scuri non appaiono piatti e la fotografia acquista profondità.

Per la tipografia, evita testo nero su sfondo carbone; scegli un bianco sporco o un grigio chiaro per il corpo testo ed esamina il contrasto per i testi piccoli. Il carbone è ideale se la gerarchia è chiara: spaziatura, spessore e accenti dosati fanno la differenza.

Crea visual con palette Charcoal con l’AI

Se hai già i codici HEX, il prossimo passo è vederli in contesto—poster, mockup packaging, landing page, scene d’interni. Qui le immagini AI ti aiutano a validare mood, contrasto e bilanciamento accenti al volo.

Con Media.io Text-to-Image, puoi inserire un prompt come quelli sopra ed ottenere vari concept coerenti in pochi minuti. Modifica illuminazione (soffusa, da studio, neon), materiali (carta, metallo, tessuto) e struttura (minimal, editoriale, alto contrasto).

Prossimo: Palette Colori Crema Marrone