# 90-talsestetik: grunge, web 1.0 och pastellteknik

[Canonical HTML page](https://gradiently.design/sv/guide/90s-aesthetic)

Decenniet hade ingen enskild look. Det hade fotokopierade flygblad, blinkande hemsidor, genomskinlig plast och rave-affischer med smileys. Här är paletterna bakom var och en, med koder du kan kopiera.

## The short version

- 90-talsestetiken är en familj av looks snarare än en enda stil: grunge, web 1.0, pastellteknik, rave och en ren minimalistisk gren.
- Grunge använder mörka, avmättade färger som oliv, oxblod och smutsig senap, med fotokopietextur och slitna bokstäver.
- Web 1.0 byggs av burdust skärmfärger som länkblått #0000ee, magenta #ff00ff och grönt #00ff00 på grått eller svart.
- Pastellteknik lånar från genomskinliga plastprylar: godisblått, lime, mandarin och druva, oftast på vitt.
- En 90-talslook fungerar bäst i dag när du tar en gren, håller paletten stram och lägger till modernt luftrum och läsbar text.

**90-talsestetiken** är inte en stil utan fyra eller fem som löpte sida vid sida: grunge, med sina blekta olivtoner och fotokopierade bokstäver; web 1.0, med ren skärmblå och magenta på grått; pastellteknik, de godisfärgade genomskinliga plastprylarnas färger; och rave, helt i syragult och smileys. Var och en har sin egen palett, textur och typografi. Välj en gren, låna dess färger exakt, så läses din design som 90-tal utan att likna maskeraddräkt.

Nedan går vi igenom grenarna en och en, var och en med en palett du kan kopiera, och därefter hur du gör dem till inlägg och bakgrunder som ändå känns aktuella.

## 90-talslookens fyra grenar

| Gren | Färger | Textur | Typografi |
| --- | --- | --- | --- |
| Grunge | Oliv, oxblod, senap, benvitt | Fotokopia, tejp, sönderrivet papper | Sliten skrivmaskinstext, smal sans |
| Web 1.0 | Länkblått, magenta, lime på grått | Pixlar, kaklade bakgrunder, fasningar | Times, Arial, Comic Sans, pixeltypsnitt |
| Pastellteknik | Godisblått, lime, mandarin, druva | Frostad, genomskinlig plast | Rundad geometrisk sans |
| Rave | Syragult, UV-violett, het rosa | Halvton, xerox, fluorescerande färg | Breda technotypsnitt för rubriker |

En snabb karta över decenniet. Att blanda två grenar i en design är där de flesta 90-talspastischer går fel.

Det fanns också en stillsam minimalistisk gren: svartvit modefotografi, mycket tomt utrymme och tunn sans serif-text. Den har åldrats så bra att den sällan läses som 90-tal alls, vilket är bra om du vill ha stämningen utan utklädnaden.

## Palett för 90-talsgrunge

Grungefärger ser ut som om de legat i solen och fotokopierats två gånger. Ingenting är helt mättat och ingenting är rent vitt. Tänk flanellskjortor, secondhandkofta och konsertaffischer nitade på en telefonstolpe. Underlaget är oftast ett smutsigt benvitt eller nästan svart, och accenterna är dova snarare än klara.

- Sot: #1c1b17
- Arméoliv: #4b4a2f
- Oxblod: #6b2a2a
- Smutsig senap: #b08d3c
- Urtvättad denim: #8a9a9b
- Fotokopiebenvitt: #e6dfcf

En grungepalett: två mörka toner, två dova accenter, ett blekt blått och ett gulnat papper.

Texturen gör lika mycket jobb som färgen här. Lägg till kraftigt korn, ett något ojämnt underlag och text som ser stämplad eller maskinskriven ut. [Korniga gradienter](https://gradiently.design/sv/guide/grainy-gradients) förklarar hur du lägger till brus som ser ut som tryck och inte som ett filter.

## Web 1.0-estetik: det tidiga internets färger

Tidiga webbsidor använde färger som skärmarna kunde visa pålitligt, och därför är paletten så burdus. Standardfärgens länkblått, besökt lila, grått webbläsarchrome och ibland grönt på svart för allt som skulle se tekniskt ut. Charmen ligger i uppriktigheten: hårda kanter, inga gradienter förutom någon fasad knapp och kaklade bakgrunder bakom allt.

- Fönstergrått: #c0c0c0
- Länkblått: #0000ee
- Besökt lila: #551a8b
- Magenta: #ff00ff
- Terminalgrönt: #00ff00
- Titelradsmarin: #000080

Web 1.0-färger är burdusa skärmvärden, inklusive de gamla webbläsarstandarderna länkblått och besökt lila. Använd dem i full styrka, men sparsamt, på grått eller vitt.

För att göra det läsbart i dag, ge färgerna mer utrymme än originalen hade. En magentafärgad rubrik på grått läses som en medveten referens; sex färger som slåss på en stjärnhimmel läses som en trasig sida. Samma återhållsamhet gäller den senare [Y2K-estetiken](https://gradiently.design/sv/guide/y2k-aesthetic), som växte direkt ur den här looken.

## Pastellteknik: genomskinliga plastfärger

Sent under decenniet kom datorer, telefoner och spelkonsoler i genomskinlig färgad plast. Apples iMac från 1998 i Bondi Blue är det berömda exemplet, följd av nyanser med fruktsmak. Paletten är ljus men mjuk, som om den vore belyst bakifrån, och den sitter bäst på vitt eller ett blekt, kallt grått.

- Genomskinligt blått: `linear-gradient(160deg, #e0f7fa 0%, #4fc3d9 55%, #00838f 100%)`
- Limeplast: `linear-gradient(160deg, #f9fbe7 0%, #c6e05a 55%, #7cb342 100%)`
- Mandarin: `linear-gradient(160deg, #fff3e0 0%, #ffb74d 55%, #f57c00 100%)`
- Druva: `linear-gradient(160deg, #f3e5f5 0%, #b39ddb 55%, #6a4fa3 100%)`

Varje gradient går från en frostad högdager till plastens fulla färg, så som ljus passerar genom ett genomskinligt skal.

De fungerar fint som enfärgade bakgrunder med en rad rundad sans serif-text. Para ihop det blå med mandarin för kontrast, eller håll varje inlägg till en smak och låt rutnätet bli regnbågen.

## Rave- och klubbaffischernas färger

Klubb- och raveaffischer trycktes billigt, ofta i en eller två fluorescerande färger över svart. Syragult, UV-violett och het rosa var grundpelarna, med halvtonspunkter och breda technobokstäver. Hemligheten är begränsning: en klar färg på svart låter mer än fyra. Om neon är din riktning visar [neongradienter](https://gradiently.design/sv/guide/neon-gradients) hur du hindrar den från att bli grumlig.

Ett stående evenemangsinlägg i 90-talsravestil som utannonserar en lagernatt på lördag, på mörkt underlag med klar färg

En raveaffisch på mörkt underlag, en fluorescerande färg och korta, burdusa ord.

Ett stående inlägg med det enda ordet Spola tillbaka på en mjuk godisfärgad bakgrund i 90-talsstil med pastellteknik

Ett pastelltekniskt grepp: ett ord på en mjuk genomskinlig färg, gott om luft.

## Så använder du en 90-talsestetik utan att den ser daterad ut

### Utklädnad

- Grungetextur, webbfärger och ravetypografi i ett inlägg
- Varje färg i full styrka på en gång
- Slitna bokstäver i brödtextstorlek
- Clipart och nyhetstypsnitt som hela idén

### Referens

- En gren per design, hållen genom hela flödet
- En högljudd färg, resten av paletten stöttar
- Textur på bakgrunden, ren text ovanpå
- Modernt luftrum och en tidsdetalj gjord väl

1. **Välj en gren** Grunge för band och vintagebutiker, web 1.0 för teknik och nyhetsbrev, pastellteknik för produkter och lekfulla varumärken, rave för kvällar ute.
2. **Kopiera paletten, skär sedan ner den** Börja från hexkoderna ovan och behåll tre eller fyra. En stram palett läses som avsiktlig.
3. **Lägg tidsdetaljen på ett ställe** Ett pixeltypsnitt för en etikett, en halvtonsbakgrund, en fasad knapp. En detalj säljer decenniet.
4. **Gör orden lätta att läsa** Sätt rubriker stora på bakgrundens lugnaste del. [Retrotypsnitt](https://gradiently.design/sv/guide/retro-fonts) listar typsnitt som bär epoken och ändå läses väl.

Om du vill ha en 90-talsinspirerad bakgrund som ingen annan postar är Gradiently Marks ett bra första steg: levande gradient- och materialbakgrunder med korn och ljus inbyggt, var och en unik. Ord placerade på en Mark förblir läsbara eftersom bakgrunden lugnar sig själv bakom dem. För den bredare familjen av tillbakablickande looks, se [retrogradienter](https://gradiently.design/sv/guide/retro-gradients) och [80-talsestetiken](https://gradiently.design/sv/guide/80s-aesthetic).

## FAQ

### Vilka färger ingår i 90-talsestetiken?

Det beror på grenen. Grunge använder oliv, oxblod och senap; web 1.0 använder länkblått, magenta och grått; pastellteknik använder godisblått, lime och mandarin; rave använder syragult och UV-violett på svart.

### Vad är skillnaden mellan 90-talsestetik och Y2K?

Y2K är decenniets allra sista del och tidiga 2000-talet: krom, bubblor och blank futurism. Den bredare 90-talslooken inkluderar också grunge, web 1.0 och rave, som är råare och plattare.

### Vilka typsnitt ser ut som 90-tal?

Skrivmaskins- och smala sans-typsnitt för grunge, Times och pixeltypsnitt för web 1.0, rundade geometriska sans för pastellteknik och breda technotypsnitt för raveaffischer.

### Hur gör jag en bakgrundsbild i 90-talsestetik?

Välj en gren, använd två eller tre av dess färger som gradient eller enfärgat underlag och lägg sedan till korn eller halvtonstextur. Håll det enkelt så att ikoner och widgetar förblir läsbara.