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

Färgpalett för hösten: sex höstpaletter med hexkoder

Höstfärger är lätta att få nästan rätt och svåra att få helt rätt. Sex paletter byggda för verkliga kampanjer, med koder att kopiera och de små besluten som hindrar orange från att bli smutsigt.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Rattan Shimmer · GR·R0TT·XE

Kortversionen

  • En stark höstpalett har ett djupt varmt mörker, två eller tre varma mellantoner som rost och bärnsten, en blek kräm och ofta en sval ton som mossa eller skiffer.
  • Höstpaletter blir smutsiga när orange blandas rakt in i grönt eller blått, så led de övergångarna via ett varmt brunt eller håll dem isär.
  • Den mörkaste färgen i en höstpalett bör bära rubrikytan, eftersom blek text på djupbrunt eller plommon läses tydligt på en mobil.
  • Tidiga höstkampanjer passar ljusare skördefärger, medan sen oktober och november passar mörkare toner av plommon, oxblod och levande ljus.
  • Varje höstpalett i den här artikeln har hexkoder som du kan klistra in i vilket designverktyg eller vilken CSS-fil som helst.
På den här sidan
Vad som får en palett att kännas som höstSex höstpaletter med hexkoderHöstgradienter du kan kopieraSå använder du en höstpalett på ett riktigt inläggStorlekar för en höstkampanjAnpassa paletten efter månaden

En höstpalett som fungerar har fyra delar: ett djupt varmt mörker som espresso eller plommon, två eller tre varma mellantoner som rost, pumpa och bärnsten, en blek kräm som låter ögat vila och ofta en sval ton, mossa eller skiffer, så att värmen har något att glöda mot. Nedan finns sex höstpaletter med hexkoder, gradienter byggda av var och en och hur du lägger ut dem så att ett säsongsinlägg ändå läses i en blick.

Vad som får en palett att kännas som höst

Hösten handlar mindre om orange än om valör: färgerna ligger lägre och varmare än sommarens. Löv, bark, cider och levande ljus är alla lite gråare, lite brunare. Höjer du varje färg till full mättnad får du Halloween, vilket är ett annat uppdrag med en egen guide i Halloween-grafik.

  • Ett mörkt ankare. Espresso, bark, plommon eller skogsnatt. Det bär texten och hindrar paletten från att se ut som en godisbutik.
  • Varma mellantoner, lite dammiga. Rost, kanel, ockra och koppar snarare än trafikkonsorange.
  • Ett mjukt ljus. Kräm, havre eller pergament i stället för rent vitt, som ser kallt ut bredvid rost.
  • En sval motvikt. Mossa, salvia eller skiffer, på en liten yta. Värmen verkar varmare bredvid den.

Balansen mellan varmt och kallt behandlas ordentligt i varma och kalla färger. För en närbesläktad familj som fungerar hela året, se jordfärger.

Sex höstpaletter med hexkoder

1. Brasa

Höstens klassiska färdväg från rök till låga. Använd Glödmörker bakom text och spara Ringblomma till en enda accent, som ett pris eller ett datum.

2. Fruktträdgård

Rött och grönt utan julkänsla, eftersom båda är dämpade och Bark ligger mellan dem. Bra för gårdsbutiker, bagerier och cidertillverkare.

3. Dimma och ormbunke

En sval höst för varumärken som tycker att orange är för högljutt. Koppar är den enda varma färgen, så ge den det enda du vill att folk ska lägga märke till.

Ytterligare tre, för snabb referens. Varje följer samma uppbyggnad med mörker, mellantoner, ljus och accent.

Kryddig latte

Mörkt

#3e2a20

Mellantoner

#8a5a3c #c89f7a

Ljust

#efe4d6

Accent

#a33b2b
Plommon och koppar

Mörkt

#2a1630

Mellantoner

#5e2a4f #b8733d

Ljust

#f3e9dc

Accent

#e3b27a
Sent i oktober

Mörkt

#141016

Mellantoner

#3b1f2b #7a2e1f

Ljust

#f1e4cf

Accent

#e9c46a
PalettMörktMellantonerLjustAccent
Kryddig latte#3e2a20#8a5a3c #c89f7a#efe4d6#a33b2b
Plommon och koppar#2a1630#5e2a4f #b8733d#f3e9dc#e3b27a
Sent i oktober#141016#3b1f2b #7a2e1f#f1e4cf#e9c46a
Kryddig latte passar caféer och heminredning; Plommon och koppar passar skönhet och vin; Sent i oktober passar kvällsevent och allt efter att klockan ställts om.

Höstgradienter du kan kopiera

En palett blir en bakgrund när du låter dess färger blandas. Knepet med hösten är att hålla ljuskällan varm och kanterna mörka, så som lågt solljus och tidig skymning faktiskt ser ut. Varje gradient nedan använder färger från paletterna ovan.

Sex höstgradienter. Klicka på någon för att kopiera dess CSS.

Smutsigt

  • Orange blandat rakt in i blågrönt eller grönt
  • Varje färg i full mättnad
  • Ren vit text och bakgrund bredvid rost
  • Den ljusaste färgen bakom rubriken

Rent

  • Orange till grönt via ett varmt brunt
  • Dammiga mellantoner med en ljus accent
  • Kräm eller havre som ljus färg
  • Den ljusaste färgen i ett hörn, mörkt bakom orden

Orange och blågrönt möts i grått om du blandar dem direkt. Det gråa bandet är en orsak till att så många höstbilder ser trötta ut, och smutsiga gradienter förklarar lösningen i detalj.

Så använder du en höstpalett på ett riktigt inlägg

Det mesta höstinnehållet är ett säsongserbjudande, en ny meny eller ett event, så orden betyder mer än löven. Lägg den mörkaste färgen där rubriken ska stå och sätt texten i Kräm. Använd den ljusa accenten en gång. Vill du ha ett mönster eller ett foto, tona det i två palettfärger så att det håller sig i bakgrunden.

Från 1 oktober
Hösten på menyn är här.
Pumpa, kastanj och kryddigt päron
Gradiently · @gradiently

Ett cafés stående inlägg för flödet, med det varma ljuset hållet borta från rubriken.

Lördag 24 oktober
Skördemiddagsklubben
Sex rätter, ett långt bord
Gradiently · @gradiently

Samma säsong som story, med den mörkare, senare paletten för ett kvällsevent.

En gradientbakgrund är livligare än platt brunt, men den kan strida mot din text. I Gradiently är bakgrunden en Mark som vet var orden finns: den lägger sin lugnaste, mest kontrastrika färg bakom rubriken och väljer ljus eller mörk text rad för rad, så att en rik höstlook förblir läsbar utan ruta eller skugga bakom orden. Text på en gradient beskriver det manuella sättet.

Storlekar för en höstkampanj

En säsongskampanj behöver oftast ett flödesinlägg, en story, en Pinterest-pin för recept eller presenttips och ett mejlhuvud. Designa huvudinlägget först och gör de andra av det, så att färgen hamnar rätt på varje form.

Instagram-inlägg 1080×1350

1080 × 1350

Story 1080×1920

1080 × 1920

Pinterest-pin 1000×1500

1000 × 1500

Mejlhuvud 1200×600

1200 × 600

Fyra format som täcker de flesta höstkampanjer. Alla andra storlekar finns i bildstorlekar för sociala medier.

Anpassa paletten efter månaden

Hösten är tre månader lång, och ljuset förändras mycket under den. Att förskjuta paletten försiktigt hindrar en lång kampanj från att bli unken utan att bryta din look.

  • September: Fruktträdgård eller Kryddig latte. Ljusare, fortfarande lite grön, bra för tillbaka-till-rutinerna och skördeerbjudanden.
  • Oktober: Brasa eller Dimma och ormbunke. Lövens höjdpunkt. Spara det mörkare Sent i oktober till sista veckan och till Halloween-event.
  • November: Plommon och koppar eller Levande ljus. Korta dagar och varma inomhusmiljöer; den här paletten leder naturligt in i Thanksgiving-inlägg och presentsäsongen.

Behåll din varumärkesfärg i rummet

En säsongspalett ska sitta runt din varumärkesfärg, inte ersätta den. Byt dina vanliga ljusa och mellantoner mot höstens och behåll logotypens färg som accent, så att folk fortfarande vet att det är du.

Designa med en levande gradient

Inlägg, stories, presentationer och banners i alla storlekar, med text som alltid går att läsa.

Börja designa, gratis

Vanliga frågor

Vilka färger ingår i en höstpalett?

Vanligen ett djupt varmt mörker som espresso eller plommon, varma mellantoner som rost, pumpa, ockra och koppar, en mjuk kräm och ibland en sval accent i mossa eller skiffer.

Vilka är bra hexkoder för hösten?

Prova #2b1a12 för mörkt, #8c2f1b rost, #d9622b pumpa, #f2a541 ringblomma och #f6e3c5 kräm. Det är paletten Brasa i den här artikeln.

Hur hindrar jag höstgradienter från att se smutsiga ut?

Undvik att blanda orange direkt in i grönt eller blått, vilket ger ett grått band. Led blandningen via ett varmt brunt eller håll färgerna i skilda områden.

Kan jag använda höstfärger utan orange?

Ja. Dimma och ormbunke använder mossa, lav och dimma med en enda kopparaccent, och Plommon och koppar lutar sig mot djuplila. Båda läses ändå som höst.

Vilken textfärg fungerar på en höstbakgrund?

Text i kräm eller havre på palettens mörkaste färg läses bäst. Rent vitt kan se kallt ut bredvid rost och brunt.

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

Vad som får en palett att kännas som höstSex höstpaletter med hexkoderHöstgradienter du kan kopieraSå använder du en höstpalett på ett riktigt inläggStorlekar för en höstkampanjAnpassa paletten efter månaden

Dela den här guiden

Nästa i Idéer och trender

Vinterfärgpalett: isiga, mysiga och festliga hexkoder

Läs vidare

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

Vinterfärgpalett: isiga, mysiga och festliga hexkoder

5 minuters läsning

Vintern är egentligen tre årstider för ett varumärke: kylan, mysiga stunder och firandet. Här är en palett för varje, med koder att kopiera och de kontrollkontraster som bleka färger kräver.

Idéer och trender

Färgpaletter för sommaren: fem idéer med hexkoder

5 minuters läsning

Sommarfärg ska kännas som ljus, inte som en överstrykningspenna. Fem paletter hämtade från verkliga platser och tider på dygnet, med koder, gradienter och de layouter som håller dem läsbara.

Idéer och trender

Färgpaletter för våren: sex idéer med hexkoder

4 minuters läsning

Våren är mer än pasteller. Det är blött grönt efter regn, den första skarpa gulan hos påskliljorna, blek himmel och den mörka jorden under. Här är sex paletter med koder, och hur du använder dem så att kampanjen känns fräsch och ändå som du.

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