Marknaden
Priser
Logga inKom igång
FältguidenIdéer och trender
Idéer och trender

90-talsestetik: grunge, web 1.0 och pastellteknik

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.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Vermilion Pool · GR·Q0HQ·N2

Kortversionen

  • 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.
På den här sidan
90-talslookens fyra grenarPalett för 90-talsgrungeWeb 1.0-estetik: det tidiga internets färgerPastellteknik: genomskinliga plastfärgerRave- och klubbaffischernas färgerSå använder du en 90-talsestetik utan att den ser daterad ut

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

GrungeOliv, oxblod, senap, benvitt

Textur

Fotokopia, tejp, sönderrivet papper

Typografi

Sliten skrivmaskinstext, smal sans
Web 1.0Länkblått, magenta, lime på grått

Textur

Pixlar, kaklade bakgrunder, fasningar

Typografi

Times, Arial, Comic Sans, pixeltypsnitt
Pastellteknik

Färger

Godisblått, lime, mandarin, druva

Textur

Frostad, genomskinlig plast

Typografi

Rundad geometrisk sans
RaveSyragult, UV-violett, het rosa

Textur

Halvton, xerox, fluorescerande färg

Typografi

Breda technotypsnitt för rubriker
GrenFärgerTexturTypografi
GrungeOliv, oxblod, senap, benvittFotokopia, tejp, sönderrivet papperSliten skrivmaskinstext, smal sans
Web 1.0Länkblått, magenta, lime på gråttPixlar, kaklade bakgrunder, fasningarTimes, Arial, Comic Sans, pixeltypsnitt
PastellteknikGodisblått, lime, mandarin, druvaFrostad, genomskinlig plastRundad geometrisk sans
RaveSyragult, UV-violett, het rosaHalvton, xerox, fluorescerande färgBreda 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.

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 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.

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, 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.

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 hur du hindrar den från att bli grumlig.

Bara en natt
Lager. Lördag. Sent.
Dörrar 22, ta med en kompis
Gradiently · @gradiently

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

Spola tillbaka.

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. 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. 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. 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. 4

    Gör orden lätta att läsa

    Sätt rubriker stora på bakgrundens lugnaste del. Retrotypsnitt 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 och 80-talsestetiken.

Hitta en gradient som bara är din

Bläddra bland tusentals Marks, designa med vilken som helst av dem utan kostnad och säkra den som känns som du.

Utforska Marknaden

Vanliga frågor

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.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil

På den här sidan

90-talslookens fyra grenarPalett för 90-talsgrungeWeb 1.0-estetik: det tidiga internets färgerPastellteknik: genomskinliga plastfärgerRave- och klubbaffischernas färgerSå använder du en 90-talsestetik utan att den ser daterad ut

Dela den här guiden

Nästa i Idéer och trender

Synthwave-färger: hexkoder och gradienter för neonnätter

Läs vidare

Alla guider om Idéer och trender
Idéer och trender

Y2K-estetik: krom, gradienter och glöd

5 minuters läsning

Flytande krom, genomskinlig plast, isblått och bubbelgumsrosa: millennieskiftets stil är tillbaka. Så fungerar den, och så bär du den utan att se ut som en maskeraddräkt.

Idéer och trender

80-talsestetik: neon, krom och solnedgångsgradienter

4 minuters läsning

Neonrör, kromad text, en randig sol som sjunker ner i ett glödande rutnät. 80-talslooken har återuppstått så ofta att den fått en egen musikgenre. Så bygger du den, med koder.

Idéer och trender

Retrogradienter: från 70-talets solnedgångar till 90-talets skärmar

5 minuters läsning

Senapsgula och rostbruna ränder, neon på svart, turkos och lila och titelradsblått. Tre decennier av retrogradienter med koder, och de små ändringarna som får dem att kännas nya.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently