Il giallo e il grigio sono una delle abbinazioni moderne più facili da progettare: il giallo porta energia e cordialità, mentre il grigio aggiunge struttura, equilibrio e una sensazione “tech-neutral” premium.
Di seguito trovi 20 palette di colori giallo grigio con codici HEX, più consigli pratici per UI, branding, stampa e interni—così puoi scegliere un'atmosfera e applicarla subito.
In questo articolo
- Perché le palette giallo grigio funzionano così bene
-
- cemento illuminato dal sole
- ardesia senape
- nebbia di limone
- taxi sull’asfalto
- duna dorata
- mica morbida
- miele industriale
- scuolabus retrò
- foschia di primavera
- citrino grafite
- acciaio raccolto
- calendula urbana
- pietra burro
- ciottolo di ottone
- sicurezza neon
- lana accogliente
- bauhaus moderno
- strada nel deserto
- fumo di zafferano
- giornale ingiallito
- Quali colori si abbinano bene al giallo grigio?
- Come usare una palette di colori giallo grigio nei progetti reali
- Crea visualizzazioni della palette giallo grigio con l’AI
Perché le palette giallo grigio funzionano così bene
Il giallo naturalmente attira l’attenzione, il che lo rende perfetto per evidenziare—bottoni, badge, icone o piccoli accenti decorativi. Il grigio, invece, offre una base calma che non interferisce con i tuoi contenuti.
Insieme creano una gerarchia pulita: il grigio gestisce la leggibilità e la struttura del layout, mentre il giallo guida lo sguardo verso ciò che conta di più. Questo è particolarmente utile nel design UI, poster e dashboard dove la chiarezza è fondamentale.
Le palette giallo grigio si adattano anche bene dal minimalista al audace. Puoi mantenere un’atmosfera ariosa con grigi chiari e gialli morbidi, o optare per un alto contrasto con carbone, quasi-nero e un giallo vivace per il massimo impatto.
20+ idee di palette colore giallo grigio (con codici HEX)
1) Cemento Illuminato dal Sole
HEX: #F6C945 #D9D9D6 #8A8D8F #2E2F33 #FFF6E0
Atmosfera: luminosa, moderna, solida
Ideale per: UI dashboard SaaS
Luminoso e arioso come la luce del mattino che si riflette sui marciapiedi della città, queste tonalità danno sicurezza senza gridare. Usa il bianco morbido come base principale, riserva il giallo per azioni chiave e punti di evidenza. I grigi medi mantengono tabelle e grafici leggibili, mentre il quasi-nero aggiunge una gerarchia netta. Consiglio: mantieni il giallo su piccoli elementi UI così rimane brillante e accessibile.
Esempio immagine di cemento illuminato dal sole generato con media.io
Media.io è uno studio AI online per creare e modificare video, immagini e audio direttamente dal browser.
2) Ardesia Senape
HEX: #C9A227 #6E7074 #2C2D30 #E7E2D3 #F3EFE6
Atmosfera: ricca, accogliente, raffinata
Ideale per: identità brand per una caffetteria boutique
Calda e un po’ vintage, ricorda cereali tostati, caffè scuro e lavagne in ardesia. Questa combinazione di colori giallo grigio brilla in loghi, etichette e intestazioni menu dove vuoi energia artigianale con un tocco premium. Abbinala a carta ruvida e un carattere serif semplice per accentuare l’atmosfera artigianale. Consiglio: stampa la senape come accento spot e lascia che l'ardesia guidi la leggibilità.
Esempio immagine di ardesia senape generato con media.io
3) Nebbia di Limone
HEX: #FFE36E #F2F2F0 #B9BCC1 #5A5D63 #1F2024
Atmosfera: morbida, fresca, calma
Ideale per: schermi onboarding app mobile
Delicata e ottimista, ricorda tè al limone in una mattina nebbiosa. I neutri pallidi mantengono gli schermi leggeri, mentre i grigi scuri offrono un contrasto pulito per i testi. Usa il giallo per indicatori di progresso, icone amichevoli e micro-animazioni. Consiglio: ammorbidisci il look con componenti arrotondate e spaziatura generosa.
Esempio immagine di nebbia di limone generato con media.io
4) Taxi sull’Asfalto
HEX: #FFD100 #A8AAAD #3B3D42 #121316 #F5F5F5
Atmosfera: audace, urbana, energica
Ideale per: poster evento tech meetup
Ad alto impatto e street-smart, evoca riflessi neon e corse in città a tarda notte. Questa palette di colori giallo grigio funziona meglio puntando sul contrasto netto: nero per i testi, giallo brillante per il titolo, grigio per informazioni secondarie. Mantieni il layout minimal così la palette esprime tutta la forza. Consiglio: usa blocchi grigi dietro testi piccoli per migliorarne la leggibilità su sfondi luminosi.
Esempio immagine di taxi sull’asfalto generato con media.io
5) Duna Dorata
HEX: #E7B93C #CFC8B8 #9A9C9F #4A4D52 #FFF1D1
Atmosfera: calda, rilassata, naturale
Ideale per: guida palette per interni camera da letto accogliente
Riscaldata dal sole e terrosa, richiama dune, lino e luce morbida del pomeriggio. Usa il bianco cremoso su pareti e biancheria, poi stratifica i grigi tra tessuti e mobili per bilanciare. Il tono dorato è perfetto per plaid, paralume o accento artistico che aggiunge calore senza essere eccessivo. Consiglio: scegli finiture opache perché i neutri rimangano calmi e invitanti.
Esempio immagine di duna dorata generato con media.io
6) Mica Morbida
HEX: #F2D06B #E5E6E8 #B3B6BB #70737A #2B2D31
Atmosfera: pulita, delicata, premium
Ideale per: design packaging skincare
Setosa e discreta, richiama riflessi minerali e asciugamani spa. I grigi chiari creano una base clinica e pulita, mentre il giallo aggiunge una luminosità sottile per evidenze e sigilli. Abbina a caratteri sans-serif semplici e tanto spazio bianco per un look moderno, approvato dai dermatologi. Consiglio: usa la tonalità più scura solo per testi piccoli, come ingredienti e istruzioni.
Esempio immagine di mica morbida generato con media.io
7) Miele Industriale
HEX: #F5B800 #D0D2D4 #8E9196 #3A3C40 #0F1012
Atmosfera: elegante, strutturata, sicura
Ideale per: UI homepage e-commerce
Nitida e ingegnerizzata, ricorda metallo lucido con luce dorata di miele. Questa palette di colori giallo grigio è ideale per e-commerce dove servono fiducia e velocità: grigi neutri per griglie di prodotto, quasi-nero per testi e giallo per call to action. Abbinala a foto prodotto pulite e spaziatura coerente per evitare rumore visivo. Consiglio: testa gli hover con una tonalità di giallo più chiara per mantenere l’interfaccia omogenea.
Esempio immagine di miele industriale generato con media.io
8) Scuolabus Retrò
HEX: #FFCC00 #7A7D81 #4B4E53 #1C1D20 #FFF8D8
Atmosfera: giocosa, audace, nostalgica
Ideale per: flyer squadra sportiva
Energica e retrò, richiama palestre, scuolabus e uniformi classiche. Il giallo brillante è fatto per nomi squadre e date chiave, mentre i toni carbone mantengono il layout solido e leggibile. Abbina a caratteri grandi e icone semplici per accentuare lo stile retrò. Consiglio: usa la crema chiara come area di respiro così il flyer non risulta troppo pesante.
Esempio immagine di scuolabus retrò generato con media.io
9) Foschia di Primavera
HEX: #F9D77A #E9E7E1 #BFC2C7 #6B6E75 #2E3035
Atmosfera: romantica, ariosa, gentile
Ideale per: set invito nozze botanico
Leggera e sognante, richiama fioriture primaverili sotto un cielo fosco. Usa il giallo caldo come accento delicato per monogrammi o bordi, mentre i neutri morbidi costituiscono lo sfondo. Abbina a fiori acquerello e un corsivo elegante per mantenere l’effetto senza tempo. Consiglio: stampa il testo grigio leggermente più scuro del previsto così resta leggibile su carta ruvida.
Esempio d'immagine di foschia primaverile generata con media.io
10) Citrine Graphite
HEX: #F4C83A #C9CBD0 #9EA1A8 #3C3E45 #15161A
Atmosfera: nitido, editoriale, contemporaneo
Ideale per: layout per servizio su rivista
Lucido e moderno, ricorda una stampa patinata, matita di grafite e un tocco di citrino. Usa nero e grigio scuro per titoli e citazioni, lasciando che il giallo guidi l’occhio verso i marker delle sezioni o i dati chiave. Abbinalo a fotografie di impatto e un layout a griglia per un effetto premium. Consiglio: limita il giallo al 5-10% della pagina per non sovrastare il tono editoriale.
Esempio d'immagine di citrine graphite generata con media.io
11) Harvest Steel
HEX: #DFAF2B #D8D4CA #A2A4A7 #5D6066 #2A2B2F
Atmosfera: saldo, caldo, professionale
Ideale per: modello presentazione slide
Equilibrato e pronto all’uso, evoca oro raccolto abbinato ad acciaio satinato. Usa il giallo caldo per separatori di sezione e numeri chiave, mentre i grigi governano grafici, didascalie e note a piè di pagina. Abbina icone semplici e spaziatura costante per un look sicuro ed elegante. Consiglio: mantieni gli sfondi delle slide chiari e usa il grigio più scuro solo per i titoli.
Esempio d'immagine di harvest steel generata con media.io
12) Urban Marigold
HEX: #FFC93C #BFC1C4 #7C7F86 #34363B #FAFAF7
Atmosfera: vivace, moderno, accessibile
Ideale per: design per menù di ristorante
Vivace come calendule sul cemento, trasmette un’atmosfera amichevole, contemporanea e di facile lettura. Per una palette giallo/grigia nei menù, usa il quasi-nero per i nomi dei piatti, il grigio medio per le descrizioni e il giallo per evidenziare specialità o cibi piccanti. Abbinalo a sezioni nette e molto spazio bianco per dare un tocco casual di qualità. Consiglio: evita il giallo per il testo principale e riservalo alle etichette o icone per chiarezza.
Esempio d'immagine di urban marigold generata con media.io
13) Butterstone
HEX: #F7DA7C #F4F1E8 #C6C7C9 #8A8C90 #3E4045
Atmosfera: morbido, accogliente, adatto alla famiglia
Ideale per: moodboard interni per cameretta
Accogliente e delicato, ricorda biscotti al burro, coperte morbide e riposini tranquilli. Usa la crema chiara per pareti e mobili grandi, aggiungi il grigio per tappeti, contenitori e tende per dare struttura. Il giallo è perfetto nei piccoli dettagli come stampe o peluche. Consiglio: scegli lampadine calde per mantenere la palette accogliente invece che fredda.
Esempio d'immagine di butterstone generata con media.io
14) Brass Pebble
HEX: #D8B34B #D4D5D7 #9A9DA3 #585B61 #1B1C20
Atmosfera: elegante, tecnologico, premium
Ideale per: annuncio prodotto smartwatch
Elegante e discreto, ricorda l’ottone satinato su pietra levigata. Lascia che i grigi dominino lo sfondo per dare risalto al prodotto, mentre il giallo caldo viene usato come accento del brand per callout o badge. Abbina illuminazione ben studiata e testo minimal, così l’annuncio rimane moderno. Consiglio: evita di saturare troppo il giallo in stampa e usalo solo come highlight controllato.
Esempio d'immagine di brass pebble generata con media.io
15) Neon Safety
HEX: #FFEA00 #B7B9BC #6C6F75 #2D2F34 #0B0C0E
Atmosfera: d’allerta, alto contrasto, funzionale
Ideale per: set segnaletica di sicurezza edilizia
Diretto e d’impatto, evoca giubbotti ad alta visibilità e linee segnaletiche fresche. Combinazioni giallo/grigio come questa funzionano al meglio quando il contrasto è la priorità: nero per le icone, giallo per avvisi, grigi neutri per info di supporto. Abbina tipografia sans-serif decisa e forme semplici così il messaggio resta chiaro anche a distanza. Consiglio: lascia ampi margini in modo che i cartelli siano leggibili in spazi affollati.
Esempio d'immagine di neon safety generata con media.io
16) Cozy Wool
HEX: #E6C15A #E2E0DA #B0B1B4 #6A6C71 #2F3034
Atmosfera: caldo, tranquillo, tattile
Ideale per: copertina lookbook maglieria
Tattile ed accogliente, ricorda maglioni in lana e la luce calda di un bar. Usa i neutri morbidi per mettere la fotografia al centro, aggiungi il giallo come accento stagionale nei titoli o in segni grafici discreti. Abbina tipografia editoriale e margini ampi per una sensazione premium. Consiglio: mantieni elevato il contrasto sui testi in copertina così sono leggibili anche nelle anteprime.
Esempio d'immagine di cozy wool generata con media.io
17) Modern Bauhaus
HEX: #F3C300 #E6E6E6 #9C9FA6 #2E3036 #111214
Atmosfera: grafico, pulito, modernista
Ideale per: stampa artistica geometrica da parete
Grafico e disciplinato, richiama poster modernisti e geometrie essenziali. Usa il giallo per forme audaci, poi ancora la composizione con carbone e grigi equilibrati. Abbina cerchi semplici, linee e layout asimmetrici per un effetto pronto da galleria. Consiglio: lascia un bordo largo così la stampa risulta intenzionale una volta incorniciata.
Esempio d'immagine di modern bauhaus generata con media.io
18) Desert Road
HEX: #EAC24A #D6D2C7 #9B9DA1 #4E5056 #1E1F23
Atmosfera: cinematografico, soleggiato, avventuroso
Ideale per: banner hero blog di viaggi
Cinematografico e soleggiato, trasmette la sensazione di una lunga strada nella foschia calda. Usa sabbia e grigi chiari per lo sfondo, con il giallo come highlight per bottoni o tag di categoria. Abbina immagini panoramiche e testo minimo per un mood travel moderno. Consiglio: applica una sovrapposizione grigia leggera alle foto così i titoli bianchi restano leggibili.
Esempio d'immagine di desert road generata con media.io
19) Saffron Smoke
HEX: #F1B12C #D3D4D6 #A1A3A8 #61646B #202227
Atmosfera: intenso, drammatico, elegante
Ideale per: poster film noir thriller
Intenso e raffinato, suggerisce luci fumose, lampioni e bagliori zafferano nel buio. Usa il quasi-nero per sfondo e testi, lasciando il giallo come punto focale per il titolo o un elemento grafico. Abbina trame materiche e fotografia a forte contrasto per un effetto cinematografico. Consiglio: mantieni i testi di supporto in grigio chiaro per la leggibilità senza rubare attenzione.
Esempio d'immagine di saffron smoke generata con media.io
20) Yellowed Newspaper
HEX: #F0D46A #E8E3D6 #B5B7BB #6E7177 #26282D
Atmosfera: riflessivo, vintage, affidabile
Ideale per: infografica per report di sostenibilità
Saggio e leggermente vintage, ricorda carta d’archivio e inchiostro. Usa il beige chiaro come base, organizza le sezioni con grigi freddi per struttura e grafici. Il giallo è perfetto come accento per metriche chiave, callout e barre di progresso senza essere troppo aziendale. Consiglio: limita i colori dei dati a due e lascia che sia il grigio il vero protagonista nei grafici.
Esempio d'immagine di yellowed newspaper generata con media.io
Quali colori si abbinano bene al giallo grigio?
Il giallo e il grigio si abbinano benissimo ai neutri cristallini come bianco e quasi-nero, perché rafforzano il contrasto e mantengono il layout leggibile. Nell'interfaccia, questo permette di riservare il giallo alle CTA, mentre i grigi gestiscono superfici, divisori e testo secondario.
Per una direzione più calda, aggiungi beige, crema o tortora per ammorbidire la palette e renderla più accogliente per interni. Per una direzione più fredda e moderna, aggiungi blu-grigio o toni acciaio per un’atmosfera tecnologica e pulita.
Se vuoi un accento che vada oltre il giallo, prova un tocco controllato (teal, cobalto o rosa pesca) in piccole dosi—icone, tag o evidenziatori nei grafici—in modo che il giallo rimanga il colore d’attenzione primario.
Come usare una palette di colori giallo grigio nei progetti reali
Parti dai ruoli, non solo dai colori: scegli un neutro chiaro per lo sfondo, un grigio medio per le superfici, un grigio scuro/quasi-nero per il testo e usa il giallo come colore “azione”. Questa semplice organizzazione offre coerenza su pagine e componenti.
Per l’accessibilità, evita il giallo per i testi lunghi e assicurati che il contrasto di bottoni ed etichette sia sufficiente. Comunemente si usa testo scuro su superfici chiare, con il giallo per icone, accentuazioni e pulsanti riempiti — mantenendo i requisiti di contrasto con il testo scuro.
In stampa e negli interni, usa il grigio come “base silenziosa” (pareti, grandi blocchi, spazi negativi) e riserva il giallo per i punti di calore e attenzione (titoli, segnaletica, cuscini, dettagli luminosi).
Crea visualizzazioni della palette giallo grigio con l’AI
Quando hai scelto una palette, il modo più rapido per validarla è vederla nel contesto—come una dashboard, un poster, un packaging o una scena d’interni. È qui che le simulazioni AI aiutano: puoi variare layout e luci senza ricominciare da zero.
Usa i tuoi codici HEX come guida, poi descrivi tipo di design, atmosfera e composizione (per esempio: “schermate onboarding minimal”, “griglia editoriale” o “interno camera da letto accogliente”). Genera qualche variante e scegli quella con la gerarchia e il contrasto più puliti.
Media.io rende semplice trasformare queste idee cromatiche in visual che puoi condividere con clienti o team.
FAQ Palette Colori Giallo Grigio
-
Giallo e grigio sono una buona combinazione di colori per UI?
Sì. Il grigio fornisce superfici neutre e tipografia leggibile, mentre il giallo è perfetto per CTA, badge di stato e highlight — basta limitarlo per mantenerlo in evidenza. -
Quale tonalità di grigio si abbina meglio al giallo?
Il carbone e il quasi-nero creano il contrasto più forte per design d’impatto, mentre grigi medi e grigi caldi chiari trasmettono morbidezza e modernità su interfacce minimali e interni. -
Dovrei usare il giallo per il testo?
Generalmente, evita il giallo per testi lunghi perché il contrasto può essere basso su sfondi chiari. Usa il giallo per icone, etichette, bordi o pulsanti pieni e mantieni il testo scuro per la leggibilità. -
Quanto giallo dovrei usare in una palette giallo/grigia?
Un buon punto di partenza sono il 5–15% di giallo come accento; i grigi e i bianchi sporchi fanno la maggior parte del lavoro. Aumenta il giallo solo se serve un impatto da poster. -
Quali colori d’accento si abbinano bene con giallo e grigio?
Teal, blu navy, cobalto e rosa pescato funzionano come piccoli pop d’accento. Tienili limitati (per tag o dati) così la palette resta pulita e moderna. -
Il giallo senape è meglio di un giallo brillante con il grigio?
Il colore senape trasmette una sensazione più calda e vintage/premium nel branding e nella stampa, mentre il giallo acceso risulta energico e tecnologico—ideale per avvisi, eventi e interfacce ad alto contrasto. -
Come posso rendere un design giallo-grigio meno “industriale”?
Usa bianchi caldi (crema/beige), grigi medi più morbidi, forme arrotondate e più spazio bianco. Negli interni, aggiungi texture naturali come legno, lino e finiture opache per renderlo più accogliente.
Successivo: Palette colori Black Pink
