In breve
- Un gradiente retrò è una sfumatura di colore che richiama un decennio preciso, il più delle volte le strisce calde degli anni Settanta, il neon degli Ottanta o il verde acqua e viola dei Novanta.
- I gradienti anni Settanta usano senape, arancione bruciato, ruggine e marrone cioccolato, spesso come strisce a bordi netti su fondo crema.
- I gradienti anni Ottanta si dividono in due stili: rosa neon e ciano sul nero, e pop pastello brillante in rosa, verde acqua, giallo e lilla.
- I gradienti anni Novanta comprendono sfumature dal verde acqua al viola, toni gioiello profondi e il gradiente dal blu navy al blu delle vecchie barre del titolo.
- Per modernizzare un gradiente retrò, ammorbidisci i bordi delle strisce, abbassa un po’ la saturazione, sfuma in OKLCH e aggiungi una grana fine.
In questa pagina
Un gradiente retrò è una sfumatura di colore che richiama all’istante un decennio. Gli anni Settanta avevano strisce calde di senape, arancione, ruggine e marrone. Gli Ottanta avevano rosa neon e ciano sul nero, e un pop pastello brillante. I Novanta avevano verde acqua e viola, toni gioiello profondi e le barre dal blu navy al blu dei primi software per desktop. Qui sotto trovi una palette e una serie di gradienti da copiare per ogni decennio, poi un metodo per modernizzarli così che sembrino una citazione, non un travestimento.
Il retrò funziona perché il colore porta con sé la memoria. Le persone riconoscono un decennio dalla sua palette molto prima di notare il font o il layout, e questo fa di questi gradienti una scorciatoia verso un’atmosfera. Per la storia più ampia di come i gradienti hanno attraversato il design, leggi la storia dei gradienti.
Gradienti anni Settanta: strisce di tramonto in arancione e marrone
La palette degli anni Settanta è calda e terrosa: oro del raccolto, arancione bruciato, ruggine e un marrone cioccolato profondo, con il verde avocado come eccezione e il crema come fondo. Il suo segno distintivo è la striscia: quattro o cinque bande di colore impilate come un tramonto, con bordi netti invece di una sfumatura morbida.
linear-gradient(180deg, #f2e2c4 0 20%, #e0a526 20% 36%, #d9661f 36% 52%, #a8431f 52% 68%, #4a2c1d 68%)Le sfumature morbide con gli stessi colori sembrano più delicate e si adattano meglio delle strisce a foto o testi lunghi. Tienile nella famiglia calda e non diventeranno mai sporche, perché ogni passaggio è un vicino stretto del precedente. Per cieli caldi più morbidi, leggi gradienti tramonto.
Gradienti anni Ottanta: notti al neon e pop pastello
Gli anni Ottanta ci hanno dato due stili molto diversi. Uno è la notte al neon: magenta e ciano che brillano sul nero, scritte cromate e griglie, presi dai film e dai videogiochi arcade dell’epoca. L’altro è un pop pastello brillante e giocoso: rosa, verde acqua, giallo canarino e lilla, spesso con scarabocchi neri e forme geometriche. La nostra guida ai colori vaporwave approfondisce la notte al neon, con tanto di tramonto e griglia in CSS.
Gradienti anni Novanta: verde acqua, viola e il blu delle barre del titolo
Il colore degli anni Novanta è più freddo e più digitale. Il verde acqua era ovunque, spesso abbinato a viola e magenta su divise sportive, packaging e prime pagine web. I software per desktop portarono il gradiente dal blu navy al blu brillante delle barre del titolo delle finestre, uno dei primi gradienti che molte persone abbiano visto su uno schermo. Più avanti nel decennio arrivarono le plastiche traslucide verde acqua e, nella stampa, toni gioiello più profondi come il verde caccia, il bordeaux e il prugna.
Il passaggio al nuovo millennio è una storia a sé: argento, iridescente e pieno di bolle. Quello stile ha la sua guida, l’estetica Y2K, e si abbina con naturalezza ai gradienti olografici.
I gradienti retrò per decennio in sintesi
| Decennio | Colori chiave | Stile del gradiente | Ideale per |
|---|---|---|---|
| Anni ’70 | Oro, arancione, ruggine, marrone, avocado | Strisce nette, sfumature calde e morbide | Food, bevande, negozi vintage, musica |
| Anni ’80 neon | Magenta, ciano, viola sul nero | Orizzonti luminosi, cromature | Vita notturna, gaming, musica synth |
| Anni ’80 pop | Rosa, verde acqua, canarino, lilla, nero | Sfumature brillanti, strisce, forme | Bambini, fitness, lanci giocosi |
| Anni ’90 | Verde acqua, viola, navy, toni gioiello | Sfumature diagonali, blu barra del titolo | Nostalgia tech, streetwear, fanzine |
Come modernizzare un gradiente retrò
Un gradiente retrò copiato alla lettera può sembrare un costume di carnevale. Il retrò moderno tiene la palette che le persone riconoscono e cambia la finitura: bordi più morbidi, colori un po’ più calmi e una texture che ricorda la stampa più di uno schermo piatto.
- 1
Tieni la palette, ammorbidisci i bordi
Dai a ogni striscia una breve sfumatura del 3-4% invece di un punto netto. Si legge ancora come strisce, ma sembra stampata e non disegnata.
- 2
Togli un po’ di saturazione
I campioni originali si vedevano spesso in stampa o su schermi poco luminosi. Attenuarli un po’ sugli schermi luminosi di oggi li avvicina a come apparivano allora.
- 3
Sfuma in OKLCH
Interpolare in OKLCH mantiene luminoso il centro di ogni sfumatura invece che grigiastro. I gradienti CSS in OKLCH spiegano come.
- 4
Aggiungi una grana fine
La grana aggiunge la texture della pellicola e della carta e nasconde il banding. I gradienti granulosi hanno la ricetta.
- 5
Usa una tipografia moderna
Lascia che sia il colore a portare il decennio e scegli un font pulito e attuale. Colore d’epoca più tipografia d’epoca è il punto in cui si scivola nel pastiche.
/* Original: hard seventies stripes */
.retro {
background: linear-gradient(180deg, #f2e2c4 0 20%, #e0a526 20% 36%, #d9661f 36% 52%, #a8431f 52% 68%, #4a2c1d 68%);
}
/* Modernised: softer colours, short blends, OKLCH, fine grain */
.retro-modern {
background:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"),
linear-gradient(180deg in oklch, #f4e6cc 0 18%, #dba84a 22% 34%, #d27a45 38% 50%, #a95a3c 54% 66%, #5a3a2a 70%);
}Datato
- Strisce nette e sature prese pari pari da un campionario
- Font, layout e colori d’epoca tutti insieme
- Colore piatto con banding visibile
- Tutti i cliché retrò in un solo design
Retrò moderno
- Brevi sfumature tra le bande, colori un po’ più calmi
- Colore retrò con una tipografia pulita e attuale
- Grana fine per un effetto stampato
- Un decennio, un motivo, tanto spazio
Un poster A4: il calore degli anni Settanta con una tipografia moderna e generosa.
La copertina di una playlist: una sola frase forte lascia al colore il viaggio nel tempo.
Se vuoi uno stile retrò da tenere, descrivilo nella Forge di Gradiently, per esempio «strisce di tramonto anni Settanta su fondo crema, con grana», e lei costruisce un Mark a partire dalla frase. Per i materiali stampati, leggi stampare i gradienti prima di inviare i file, perché arancioni e marroni caldi possono spostarsi sulla carta.
Le domande più frequenti
Quali colori fanno sembrare retrò un gradiente?
I colori legati fortemente a un decennio: senape, arancione, ruggine e marrone per gli anni Settanta, magenta e ciano neon o pastelli brillanti per gli Ottanta, e verde acqua, viola e navy per i Novanta.
Come creo le strisce anni Settanta in CSS?
Usa punti di colore netti, in cui ogni colore inizia esattamente dove finisce il precedente, per esempio linear-gradient(180deg, #f2e2c4 0 20%, #e0a526 20% 36%, #d9661f 36% 52%, #a8431f 52% 68%, #4a2c1d 68%).
Come evito che un gradiente retrò sembri datato?
Tieni la palette ma ammorbidisci i bordi delle strisce, abbassa un po’ la saturazione, sfuma in OKLCH, aggiungi una grana fine e abbinalo a una tipografia pulita e moderna.
Che differenza c’è tra gradienti retrò e vintage?
Le due parole si usano quasi come sinonimi. Retrò di solito indica un design nuovo che richiama un decennio passato, mentre vintage suggerisce qualcosa che sembra davvero invecchiato, spesso con più texture e colori sbiaditi.
Quale decennio si adatta al mio brand?
Scegli in base all’atmosfera: anni Settanta per calore e artigianalità, neon anni Ottanta per vita notturna ed energia, pop anni Ottanta per il gioco, e anni Novanta per la nostalgia digitale e lo streetwear.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo
