# Färgpalett för hösten: sex höstpaletter med hexkoder [Canonical HTML page](https://gradiently.design/sv/guide/autumn-color-palettes) 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. ## The short version - 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. 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](https://gradiently.design/sv/guide/halloween-graphics). - **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](https://gradiently.design/sv/guide/warm-and-cool-colors). För en närbesläktad familj som fungerar hela året, se [jordfärger](https://gradiently.design/sv/guide/earth-tone-colors). ## Sex höstpaletter med hexkoder ### 1. Brasa - Glödmörker: #2b1a12 - Rost: #8c2f1b - Pumpa: #d9622b - Ringblomma: #f2a541 - Kräm: #f6e3c5 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 - Bark: #4a3426 - Äppelrött: #9b2335 - Päron: #b5a642 - Salviablad: #7d8b6a - Havre: #e8dcc4 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 - Ormbunksmörker: #2f3b33 - Mossa: #6b7f5e - Lav: #a8a48c - Dimma: #d8d3c6 - Koppar: #b5653a 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. | Palett | Mörkt | Mellantoner | Ljust | Accent | | --- | --- | --- | --- | --- | | 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. - Pumpaskymning: `linear-gradient(160deg, #2b1a12 0%, #8c2f1b 45%, #d9622b 75%, #f2a541 100%)` - Fruktträdgårdsljus: `radial-gradient(circle at 30% 25%, #f2a541 0%, #b5653a 35%, #5a1e24 80%)` - Dimma över ormbunkar: `linear-gradient(180deg, #d8d3c6 0%, #a8a48c 45%, #2f3b33 100%)` - Kryddig latte: `linear-gradient(135deg, #efe4d6 0%, #c89f7a 55%, #8a5a3c 100%)` - Plommon och koppar: `radial-gradient(circle at 75% 80%, #b8733d 0%, #5e2a4f 45%, #2a1630 85%)` - Levande ljus: `radial-gradient(circle at 50% 100%, #e9c46a 0%, #c4572a 30%, #3b1f2b 65%, #141016 100%)` 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](https://gradiently.design/sv/guide/muddy-gradients) 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. Ett stående socialt inlägg som annonserar en höstmeny på ett café, på en varm bakgrund med gradient i rost och bärnsten Ett cafés stående inlägg för flödet, med det varma ljuset hållet borta från rubriken. En vertikal story som bjuder in till en skördemiddagsklubb på en mörk gradient i plommon och levande ljus 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](https://gradiently.design/sv/guide/text-on-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](https://gradiently.design/sv/guide/social-media-image-sizes). ## 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](https://gradiently.design/sv/guide/thanksgiving-posts) 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. ## FAQ ### 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.