Palette di colori tramonto: 20 idee con codici HEX per design e ispirazione

Le palette di colori del tramonto sono pensate per il contrasto: coralli caldi, pesca e oro che sfumano in viola crepuscolari e blu navy. Quel gradiente incorporato dà profondità immediata ai tuoi design senza sembrare eccessivo.

Qui sotto trovi 20 idee di palette di colori del tramonto con codici HEX, oltre a prompt e visual di esempio che puoi ricreare (o remixare) con Media.io per branding, poster e UI.

Perché le Palette Tramonto Funzionano Così Bene

Una combinazione di colori tramonto bilancia naturalmente calore e freschezza, trasmettendo sensazioni emotive e funzionali. Ottieni accenti corallo/arancione che catturano l’attenzione e toni più profondi del crepuscolo che favoriscono la leggibilità.

Queste palette suggeriscono un gradiente pronto all’uso, quindi i tuoi sfondi UI, intestazioni di poster e sezioni principali appaiono stratificati senza elementi aggiuntivi. Anche un layout semplice a blocchi risulta più tridimensionale.

Infine, le combinazioni di colori tramonto sono flessibili per diversi stili – minimal, editoriale, giocoso o premium – perché puoi aumentare la saturazione per energia o usare malva e navy smorzati per eleganza.

20+ Idee di Palette Tramonto (con Codici HEX)

1) Orizzonte Corallo

HEX: #FF6B6B #FF8E72 #FFC6A8 #FFE3D3 #2D2A4A

Atmosfera: energetica, accogliente, moderna

Ideale per: sezioni principali delle landing page e dettagli di brand

Energetici e amichevoli, questi toni richiamano gli ultimi minuti luminosi prima che il sole sparisca dietro l’orizzonte. I coralli caldi e le sfumature pesca spiccano magnificamente sul blu navy profondo. Usali per banner principali, pulsanti call-to-action e template social, abbinati a font sans-serif puliti e tanto spazio bianco. Consiglio: usa il navy per testo e navigazione per mantenere contrasto e leggibilità.

Esempio di immagine di orizzonte corallo generata con media.io

Media.io

Media.io è uno studio online di intelligenza artificiale per creare e modificare video, immagini e audio direttamente nel browser.

Provalo Gratis Ora

2) Bagliore Albicocca

HEX: #FFB36B #FFD3A1 #FFF1DB #F45D48 #3A2E39

Atmosfera: morbida, accogliente, appetitosa

Ideale per: confezioni alimentari e menu di caffè

Morbide e accoglienti, queste tonalità albicocca sembrano la luce calda che colpisce il lino al crepuscolo. I neutri cremosi mantengono i layout ariosi mentre il rosso pomodoro accentua l’appetito. Funziona benissimo per menu, etichette da forno e cartoline promozionali stagionali, abbinata a caratteri scritti a mano o serif arrotondati. Consiglio: riserva il rosso per prezzi o badge a tempo limitato, così sarà intenzionale e non eccessivo.

Esempio di immagine di bagliore albicocca generata con media.io

3) Crepuscolo nel Deserto

HEX: #E76F51 #F4A261 #E9C46A #2A9D8F #264653

Atmosfera: terrestre, avventurosa, solida

Ideale per: brand outdoor e layout editoriali di viaggio

Terrestri e avventurosi, questi mix evocano rocce del canyon, sabbia arroventata e aria fresca della sera. Il teal e lo slate profondo mantengono la calda armonia, ideale per storie di viaggio, attrezzature outdoor e campagne nature-oriented. Abbina a sfondi cartacei strutturati o grana sottile per enfatizzare il mood selvaggio. Consiglio: usa il teal per link e icone, guida lo sguardo senza competere con i colori caldi dei titoli.

Esempio di immagine di crepuscolo nel deserto generata con media.io

4) Bagliore Rosa

HEX: #FF4D8D #FF87AB #FFD1DC #FDE2E4 #3D2C54

Atmosfera: romantica, giocosa, luminosa

Ideale per: branding beauty e inviti a eventi

Romantici e luminosi, questi rosa evocano il cielo che indugia dopo il tramonto con un delicato bordo viola. Il viola scuro dà profondità e mantiene la raffinata dolcezza. Usali per etichette skincare, inviti bridal, o social lifestyle, abbinati a icone lineari delicate e ampio spazio. Consiglio: usa il viola profondo per il corpo del testo su sfondi pastello per alta leggibilità.

Esempio di immagine di bagliore rosa generata con media.io

5) Sfumatura Mandarino

HEX: #FF7A00 #FF9F1C #FFD166 #FDEEDC #1F2A44

Atmosfera: audace, ottimista, molto contrasto

Ideale per: schermate onboarding app e pagine focalizzate sulle CTA

Audaci e ottimisti, questi toni mandarino sembrano un raggio di sole che taglia un cielo serale fresco. Il crema attenua gli arancioni vivaci mentre il blu scuro dà contrasto immediato al testo UI. Perfetto per onboarding, popup promozionali e sezioni di conversione, abbinato a icone semplici e gerarchia forte. Consiglio: usa l’arancione più luminoso solo per i pulsanti principali, così l’interfaccia non risulta troppo intensa.

Esempio di immagine di sfumatura mandarino generata con media.io

6) Cielo Zafferano

HEX: #F2B705 #F29F05 #F25C05 #D95204 #2B193D

Atmosfera: ardente, festiva, drammatica

Ideale per: poster musicali e grafiche campagne stagionali

Ardente e festiva, questa palette ricorda lanterne brillanti contro il cielo notturno. La sfumatura oro-arancio crea abbinamenti tramonto tra i più d’impatto, specialmente quando il viola profondo incornicia i contenuti. Perfetta per poster concerti, promo festive, edizioni limitate, abbinata a font condensati audaci. Consiglio: mantieni i gradienti morbidi e aggiungi una punta di grana per un effetto premium.

Esempio di immagine di cielo zafferano generata con media.io

7) Crepuscolo Malva

HEX: #C77DFF #9D4EDD #5A189A #240046 #F2E9FF

Atmosfera: misteriosa, sognante, premium

Ideale per: portfolio creativi e siti servizi di lusso

Misteriose e sognanti, queste tonalità viola evocano il crepuscolo avvolto da una soffusa luminescenza. Il lavanda chiaro alleggerisce le sfumature scure, ideale per siti editoriali e portfolio eleganti. Abbina a gradienti leggeri, divisori sottili e tanto spazio negativo per un look premium. Consiglio: usa la tonalità più chiara per gli stati hover, così le interazioni sono morbide ma visibili.

Esempio di immagine di crepuscolo malva generata con media.io

8) Sera Lavanda

HEX: #B8C0FF #C8B6FF #E7C6FF #FFD6FF #3F3D56

Atmosfera: calma, ariosa, rassicurante

Ideale per: app benessere e contenuti meditazione

Calme e ariose, queste tonalità lavanda evocano un cielo silenzioso appena dopo che la luce si addolcisce. Il violetto carbone dà struttura alla navigazione e al testo, mentre i toni rosa-lilla rendono tutto più delicato. Usale in app wellness, routine sonno e template diari, abbinati a componenti UI arrotondati e ombre leggere. Consiglio: evita il bianco puro; il lilla pallido funziona meglio come sfondo per mantenere il mood rilassante.

Esempio di immagine di sera lavanda generata con media.io

9) Neutri dell’Ora d’Oro

HEX: #D6A77A #F1D3B2 #FAF3E0 #B9AFA0 #2F2F33

Atmosfera: calda, minimal, senza tempo

Ideale per: lookbook interior design e blog lifestyle

Calde e senza tempo, queste tonalità neutre evocano la luce del sole su pietra, lino e legno. I marroni delicati e le creme creano una base rilassata, mentre il quasi-carbone aggiunge un bordo editoriale nitido. Perfette per lookbook, header di blog e cataloghi prodotto, abbinate a titoli serif classici e foto smorzate. Consiglio: usa il taupe medio per divisori e didascalie, così il layout resta morbido ma strutturato.

Immagine Esempio di neutrali dell'ora d'oro generati utilizzando media.io

10) agrumi baciati dal sole

HEX:#FFBE0B#FB5607#FF006E#8338EC#3A86FF

Atmosfera:Vibrante, giovanile, punchy

Ideale per:creator brand Kit e grafica dei social media

Vibrante e punchy, questo mix sembra una luce al neon che colpisce le nuvole alla fine della giornata. Il mix ad alta saturazione è creato per combinazioni di colori audaci del tramonto, soprattutto quando si mantiene una tonalità dominante e si usa il resto come accenti. Brilla su modelli social, kit di marchio per creatori e diapositive promozionali, abbinate a tipi grossi e adesivi giocosi. Suggerimento: limitare i gradienti a due colori alla volta per evitare rumore visivo.

Esempio di immagine di agrumi baciati dal sole generato utilizzando media.io

11) Tramonto sul mare

HEX:#FF5E5B#D8A47F#FCD581#3C91E6#0A2342

Atmosfera:Fresco, costiero, equilibrato

Ideale per:Pagine di destinazione e annunci estivi

Freschi e costieri, questi colori evocano la calda luce della costa con una fresca brezza oceanica. I toni corallo e sabbia mantengono il design invitante, mentre i toni blu aggiungono chiarezza e fiducia ai pulsanti e ai collegamenti. Per una classica palette di colori del tramonto, usa parzialmente il corallo come accento e lascia che il blu intenso porti la tua tipografia. Suggerimento: Aggiungi curve sottili simili a onde o morbidi gradienti per rafforzare il tema del mare senza usare foto.

Esempio di immagine di tramonto sul mare generato utilizzando media.io

12) Ruggine e rosa

HEX:#B23A48#E38F66#F2C57C#F9E7E7#2E1F27

Atmosfera:vintage, Romantico, A terra

Ideale per:Cancelleria per matrimoni e imballaggi boutique

Vintage e romantico, questo abbinamento sembra rose essiccate, luce di candela e caldo tessuto tono ruggine. Lo sfondo blush mantiene i layout delicati, mentre la prugna quasi nera aggiunge raffinatezza al testo e ai monogrammi. Usalo per suite di nozze, etichette boutique e confezioni regalo, abbinate a texture stampate o dettagli in foglio. Suggerimento: scegliere una tonalità "eroe" (ruggine o rosa) e tenere l'altra per piccoli fiori come bordi e icone.

Esempio di immagine di rust & rose generato utilizzando media.io

13) Sorbetto di pesca

HEX:#FFADAD#FFD6A5#FDFFB6#CAFFBF#1B3A57

Atmosfera:Allegro, leggero, amichevole

Ideale per:Marchi per bambini e illustrazioni giocose dell'interfaccia utente

Allegre e leggere, queste luci pastello sembrano cucchiette di sorbetto sotto la morbida luce serale. Il freddo blu navy aggiunge un'ancora fresca in modo che la tavolozza rimanga leggibile e non eccessivamente zuccherata. Funziona per marchi per bambini, cruscotti giocosi e pagine pesanti di illustrazioni, abbinate a forme arrotondate e semplici icone di linea. Suggerimento: mantenere il testo e i contorni in blu marino e utilizzare i pastelli per riempimenti e evidenziazioni.

Esempio di immagine di sorbetto di pesca generato utilizzando media.io

14) braccia a luce di fuoco

HEX:#D62828#F77F00#FCBF49#EAE2B7#003049

Atmosfera:Coraggioso, cinematografico, sicuro di sé

Ideale per:Promozioni sportive e poster di lancio di prodotti

Audaci e cinematografiche, queste tonalità sembrano una luce di fuoco che tremola contro un profondo cielo serale. Il nucleo rosso-arancione dà energia istantanea, mentre il blu navy mantiene i layout nitidi e sicuri. Usalo per poster di lancio, promozioni sportive e annunci basati sui titoli dove hai bisogno di un impatto in una frazione di secondo. Suggerimento: impostare large type in navy sul giallo più chiaro per il massimo contrasto e una finitura premium.

Esempio di immagine di firelight ember generato utilizzando media.io

15) Tramonto delle bacche

HEX:#FF5DA2#D81159#8F2D56#218380#FBB13C

Atmosfera:Giocoso, agitato, creativo

Ideale per:Copertina musicale e creatore merch

Giochi e agguerriti, questi toni di bacca sembrano luci della città che si riflettono sulle nuvole al crepuscolo. Il teal aggiunge una nota fresca inaspettata che impedisce ai rosa di sentire una sola nota. Usalo per copertine di album, grafica merch e miniature in grassetto, abbinate a tipi ad alto contrasto e semplici forme geometriche. Suggerimento: tratta l'oro come colore evidenziante per distintivi, stelle o piccoli accenti di icona.

Esempio di immagine di berry sunset generato utilizzando media.io

16) Oceanline crepuscolo

HEX:#F95738#EE964B#F4D35E#0D3B66#FAF0CA

Atmosfera:soleggiato, nautico, fresco

Ideale per:Pagine di prodotti e lookbook estivi

Luminato dal sole e fresco, questo set sembra un caldo bagliore di passerella che incontra l'acqua profonda fresca. Lo sfondo cremoso mantiene la fotografia del prodotto pulita, mentre la navy fornisce struttura per i prezzi e gli elementi dell'interfaccia utente. È una scelta intelligente per e-commerce, collezioni estive e intestazioni di catalogo, abbinata ad iconografia minima e spaziatura chiara. Suggerimento: usa il giallo per piccoli segnali di attenzione come etichette di vendita piuttosto che blocchi di grandi dimensioni.

Esempio di immagine di oceanline crepuscolo generato utilizzando media.io

17) gradiente di sabbia morbida

HEX:#F6BD60#F7EDE2#F5CAC3#84A59D#2D3047

Atmosfera:Gentile, moderno, rilassato

Ideale per:Brochure spa e brand identity calmante

Gentili e rilassati, questi toni evocano sabbia calda, nuvole rosse e una brezza marina silenziosa. Il verde azzurro desaturato mantiene la tavolozza moderna, mentre la tonalità d'inchiostro profonda ti dà una base affidabile per il testo. Si adatta a brochure spa, identità di marca calme e presentazioni minimaliste, abbinate a icone a linee sottili e sfumature morbide. Suggerimento: utilizzare il blush come sfumatura di sfondo dietro la fotografia per unificare le immagini miste.

Esempio di immagine di gradiente di sabbia morbida generato utilizzando media.io

18) Costiera Viola

HEX:#F72585#B5179E#7209B7#3A0CA3#4CC9F0

Atmosfera:Elettrico, Moderno, Vita notturna

Ideale per:Banner per eventi tecnologici e sovrapposizioni di streaming

Elettrici e moderni, questi viola e ciano sembrano uno skyline della vita notturna costiera con foschia di neon. Il freddo ciano funziona come un punto forte, mentre i violetti stratificati creano profondità per gradienti e sfondi. Usalo per banner di eventi, sovrapposizioni di streaming e promozioni tecnologiche, abbinate a font bold sans e semplici layout basati su griglia. Suggerimento: mantenere il ciano per gli evidenziamenti e i collegamenti dell'interfaccia utente in modo che rimanga speciale e leggibile.

Esempio di immagine di violet coastal generato utilizzando media.io

19) Argilla del Canyon

HEX:#C8553D#F28F3B#FFD5A5#588157#1D3557

Atmosfera:Naturale, robusto, caldo

Ideale per:Imballaggi e etichette per prodotti da esterno

Naturali e robusti, questi toni argillosi e ocra sembrano scogliere illuminate dal sole con un tocco di spazzola di salvia. Il verde aggiunge un contrappunto organico alle arance calde, mentre il blu intenso mantiene il testo dell'etichetta nitida. Si adatta perfettamente per spuntini trail, cura della pelle con prodotti botanici o artigianali, abbinati a texture kraft e tipografia in stile timbrato. Suggerimento: stampa la pesca chiara come base e usa il colore argilla per i marchi grassi per evitare risultati fangosi.

Esempio di immagine di canyon clay generato utilizzando media.io

20) mezzanotte dopo il tramonto

HEX:#FFB4A2#E5989B#B5838D#6D6875#1B263B

Atmosfera:moody, elegante, sobrio

Ideale per:Temi interfaccia utente premium e intestazioni editoriali

Moody ed elegante, questi rosa polverosi svaniscono in ardesia come l'ultima luce che scompare nella notte. La progressione ti dà un gradiente pronto per le intestazioni, mentre il deep navy ancora il design con una finitura moderna. Utilizza questa tavolozza di colori tramonto per temi interfaccia utente premium, masthead di blog e sistemi di marchio raffinati, abbinati a icone minimaliste e fotografie contenute. Suggerimento: applica il mid mauve come colore secondario dei pulsanti in modo che l'interfaccia mantenga un ritmo morbido e di lusso.

Esempio di immagine di mezzanotte dopo il tramonto generato utilizzando media.io

Quali colori si abbinano bene al tramonto?

Le tavolozze Sunset si abbinano meglio a neutri a terra e scuri profondi. Blu Navy, carbone, marrone espresso e melanzane profonde fanno sentire i coralli caldi e le arance più raffinate mantenendo il testo leggibile.

Per un tocco costiero più fresco, combina il calore del tramonto con il blu dell'oceano o il verde azzurro attenuato. Questo crea un gradiente da caldo a fresco che è ideale per viaggi, e-commerce e campagne estive.

Se vuoi un look più audace, aggiungi un accento ad alta saturazione (come il magenta o il ciano elettrico) e mantieni il resto più calmo. La chiave è lasciare che un colore guidi e utilizzare gli altri per la gerarchia.

Come usare una palette tramonto nei design reali

Inizia con i ruoli, non solo i colori: scegli una tonalità scura per la tipografia/navigazione, una tonalità media per l'interfaccia utente secondaria e una luminosa calda per i CTA primari. Questo impedisce layout "graziosi ma illeggibili".

Usa i gradienti del tramonto dove sembrano naturali-sezioni di eroi, intestazioni di poster, sfondi di storie e carte-quindi mantieni le aree del corpo più leggere e semplici. Un po' di grano o un'ombra morbida può rendere i gradienti più premium.

Infine, verificare il contrasto sui componenti chiave (pulsanti, etichette di prezzo, etichette dei moduli). Molti toni del tramonto sono di valore medio, quindi l'ancoraggio con il blu navy/carbone è il modo più semplice per mantenere l'accessibilità.

Crea visual della palette tramonto con l’IA

Se si dispone già di codici HEX, è possibile trasformarli rapidamente in veri esempi di progettazione generando mockup con prompt coerenti, quindi iterare scambiando una tonalità alla volta. Questo è un modo semplice per esplorare più combinazioni di colori del tramonto senza ricostruire i layout.

Prova a creare un eroe di atterraggio, un poster, un invito o una schermata dell'interfaccia utente utilizzando le istruzioni sopra, quindi regola il "mood" spingendo la saturazione o spostando il colore più scuro verso il blu navy per un contrasto più forte.

Quando trovi una direzione che ti piace, genera alcune variazioni (rapporti diversi, stili di tipografia o texture di sfondo) in modo che il tuo sistema di marca abbia opzioni che sembrano comunque coerenti.

Avanti: Palette di colori Blu Navy