# Herbstfarben: sechs Farbpaletten mit Hex-Codes [Canonical HTML page](https://gradiently.design/de/guide/autumn-color-palettes) Herbstfarben lassen sich leicht fast richtig und schwer ganz richtig treffen. Sechs Paletten für echte Kampagnen, mit Codes zum Kopieren und den kleinen Entscheidungen, die Orange vor dem Verschlammen bewahren. ## The short version - Eine starke Herbstpalette hat ein tiefes, warmes Dunkel, zwei oder drei warme Mitteltöne wie Rost und Bernstein, ein helles Creme und oft einen kühlen Ton wie Moos oder Schiefer. - Herbstpaletten wirken schlammig, wenn Orange direkt in Grün oder Blau übergeht. Führe diese Übergänge deshalb über ein warmes Braun oder halte die Farben getrennt. - Die dunkelste Farbe einer Herbstpalette sollte den Bereich der Schlagzeile tragen, denn helle Schrift auf tiefem Braun oder Pflaume ist auf dem Smartphone gut lesbar. - Frühe Herbstkampagnen passen zu helleren Erntefarben, Ende Oktober und November eher zu dunklen Pflaumen-, Ochsenblut- und Kerzenlichttönen. - Jede Herbstpalette in diesem Artikel enthält Hex-Codes, die du in jedes Designtool und jede CSS-Datei einfügen kannst. Eine **Herbstpalette**, die funktioniert, hat vier Teile: ein tiefes, warmes Dunkel wie Espresso oder Pflaume, zwei oder drei warme Mitteltöne wie Rost, Kürbis und Bernstein, ein helles Creme zum Ausruhen für die Augen und oft einen kühlen Ton, Moos oder Schiefer, damit die Wärme etwas hat, vor dem sie leuchten kann. Unten findest du sechs Herbstpaletten mit Hex-Codes, daraus gebaute Verläufe und Hinweise, wie du sie so anordnest, dass ein saisonaler Post auf einen Blick lesbar bleibt. ## Woran man eine Herbstpalette erkennt Beim Herbst geht es weniger um Orange als um *Helligkeitswerte*: Die Farben liegen tiefer und wärmer als im Sommer. Blätter, Rinde, Apfelwein und Kerzenlicht sind alle leicht vergraut, leicht bräunlich. Drehst du jede Farbe auf volle Sättigung, bekommst du Halloween, und das ist ein anderes Briefing mit eigener Anleitung in [Halloween-Grafiken](https://gradiently.design/de/guide/halloween-graphics). - **Ein dunkler Anker.** Espresso, Rinde, Pflaume oder Waldnacht. Er hält die Schrift und verhindert, dass die Palette wie ein Süßwarenladen aussieht. - **Warme Mitteltöne, leicht staubig.** Rost, Zimt, Ocker und Kupfer statt Leitkegel-Orange. - **Ein weiches Licht.** Creme, Hafer oder Pergament statt reinem Weiß, das neben Rost kalt wirkt. - **Ein kühles Gegengewicht.** Moos, Salbei oder Schiefer, auf kleiner Fläche eingesetzt. Daneben wirkt die Wärme wärmer. Das Gleichgewicht von warm und kühl behandelt [warme und kalte Farben](https://gradiently.design/de/guide/warm-and-cool-colors) ausführlich. Eine verwandte Familie, die das ganze Jahr funktioniert, findest du bei den [Erdtönen](https://gradiently.design/de/guide/earth-tone-colors). ## Sechs Herbstpaletten mit Hex-Codes ### 1. Lagerfeuer - Glutdunkel: #2b1a12 - Rost: #8c2f1b - Kürbis: #d9622b - Ringelblume: #f2a541 - Creme: #f6e3c5 Der klassische Herbstverlauf von Rauch zu Flamme. Setze Glutdunkel hinter Text und spare dir Ringelblume für ein Highlight auf, etwa einen Preis oder ein Datum. ### 2. Obstgarten - Rinde: #4a3426 - Apfelrot: #9b2335 - Birne: #b5a642 - Salbeiblatt: #7d8b6a - Hafer: #e8dcc4 Rot und Grün ohne Weihnachtsgefühl, weil beide gedämpft sind und Rinde dazwischen sitzt. Gut für Hofläden, Bäckereien und Apfelweinhersteller. ### 3. Nebel und Farn - Farndunkel: #2f3b33 - Moos: #6b7f5e - Flechte: #a8a48c - Nebel: #d8d3c6 - Kupfer: #b5653a Ein kühler Herbst für Marken, denen Orange zu laut ist. Kupfer ist die einzige warme Farbe, gib ihr also das eine, was auffallen soll. Drei weitere zum schnellen Nachschlagen. Jede folgt demselben Aufbau aus Dunkel, Mitteltönen, Hell und Akzent. | Palette | Dunkel | Mitteltöne | Hell | Akzent | | --- | --- | --- | --- | --- | | Gewürz-Latte | `#3e2a20` | `#8a5a3c` `#c89f7a` | `#efe4d6` | `#a33b2b` | | Pflaume und Kupfer | `#2a1630` | `#5e2a4f` `#b8733d` | `#f3e9dc` | `#e3b27a` | | Später Oktober | `#141016` | `#3b1f2b` `#7a2e1f` | `#f1e4cf` | `#e9c46a` | Gewürz-Latte passt zu Cafés und Wohnaccessoires, Pflaume und Kupfer zu Beauty und Wein, Später Oktober zu Abendveranstaltungen und allem nach der Zeitumstellung. ## Herbstverläufe zum Kopieren Eine Palette wird zum Hintergrund, wenn du ihre Farben ineinanderfließen lässt. Beim Herbst kommt es darauf an, die Lichtquelle warm und die Ränder dunkel zu halten, so wie tiefe Sonne und frühe Dämmerung wirklich aussehen. Jeder Verlauf unten nutzt Farben aus den obigen Paletten. - Kürbis-Dämmerung: `linear-gradient(160deg, #2b1a12 0%, #8c2f1b 45%, #d9622b 75%, #f2a541 100%)` - Licht im Obstgarten: `radial-gradient(circle at 30% 25%, #f2a541 0%, #b5653a 35%, #5a1e24 80%)` - Nebel über Farn: `linear-gradient(180deg, #d8d3c6 0%, #a8a48c 45%, #2f3b33 100%)` - Gewürz-Latte: `linear-gradient(135deg, #efe4d6 0%, #c89f7a 55%, #8a5a3c 100%)` - Pflaume und Kupfer: `radial-gradient(circle at 75% 80%, #b8733d 0%, #5e2a4f 45%, #2a1630 85%)` - Kerzenschein: `radial-gradient(circle at 50% 100%, #e9c46a 0%, #c4572a 30%, #3b1f2b 65%, #141016 100%)` Sechs Herbstverläufe. Klicke auf einen, um sein CSS zu kopieren. ### Schlammig - Orange direkt in Petrol oder Grün verlaufend - Jede Farbe in voller Sättigung - Reinweiße Schrift und Hintergründe neben Rost - Hellste Farbe hinter der Schlagzeile ### Sauber - Orange zu Grün über ein warmes Braun geführt - Staubige Mitteltöne mit einem hellen Akzent - Creme oder Hafer als helle Farbe - Hellste Farbe in einer Ecke, Dunkel hinter den Worten Orange und Petrol treffen sich in Grau, wenn du sie direkt mischst. Dieses graue Band ist ein Grund, warum so viele Herbstgrafiken müde wirken, und [schlammige Verläufe](https://gradiently.design/de/guide/muddy-gradients) erklärt die Lösung im Detail. ## So nutzt du eine Herbstpalette in einem echten Post Die meisten Herbstinhalte sind ein saisonales Angebot, eine neue Speisekarte oder ein Event, also zählen die Worte mehr als die Blätter. Setze die dunkelste Farbe dorthin, wo die Schlagzeile steht, und die Schrift in Creme. Nutze den hellen Akzent nur einmal. Willst du ein Muster oder Foto, tönst du es in zwei Farben der Palette, damit es zurücktritt. Ein Social-Post im Hochformat, der die Herbstkarte eines Cafés ankündigt, auf einem warmen Rost-Bernstein-Verlauf Der Post im Hochformat für den Feed eines Cafés, das warme Licht von der Schlagzeile ferngehalten. Eine vertikale Story, die zu einem Erntedank-Dinner einlädt, auf einem dunklen Pflaumen-Kerzenlicht-Verlauf Dieselbe Saison als Story, mit der dunkleren, späteren Palette für ein Abendevent. Ein Verlaufshintergrund wirkt lebendiger als flaches Braun, kann aber mit deinem Text kämpfen. In Gradiently ist der Hintergrund ein Mark, der weiß, wo die Worte stehen: Er legt seine ruhigste, kontrastreichste Farbe hinter die Schlagzeile und wählt Zeile für Zeile helle oder dunkle Schrift. So bleibt ein sattes Herbstbild lesbar, ohne Kasten oder Schatten hinter den Worten. [Text auf Verläufen](https://gradiently.design/de/guide/text-on-gradient) beschreibt den manuellen Weg. ## Größen für eine Herbstkampagne Eine saisonale Kampagne braucht meist einen Feed-Post, eine Story, einen Pinterest-Pin für Rezepte oder Geschenkideen und einen E-Mail-Header. Gestalte zuerst den Hauptpost und leite die anderen davon ab, damit die Farbe in jeder Form an der richtigen Stelle landet. - Instagram-Post 1080×1350: 1080 × 1350 - Story 1080×1920: 1080 × 1920 - Pinterest-Pin 1000×1500: 1000 × 1500 - E-Mail-Header 1200×600: 1200 × 600 Vier Formate, die die meisten Herbstkampagnen abdecken. Alle anderen Größen findest du unter [Bildgrößen für Social Media](https://gradiently.design/de/guide/social-media-image-sizes). ## Die Palette zum Monat passend wählen Der Herbst dauert drei Monate, und das Licht verändert sich in dieser Zeit stark. Wenn du deine Palette sanft verschiebst, wird eine lange Kampagne nicht langweilig, ohne deinen Look zu brechen. - **September:** Obstgarten oder Gewürz-Latte. Heller, noch ein wenig grün, gut für den Rückkehr-in-den-Alltag und für Erntedank-Angebote. - **Oktober:** Lagerfeuer oder Nebel und Farn. Der Höhepunkt der Blätter. Spare dir das dunklere Später Oktober für die letzte Woche und für Halloween-Events auf. - **November:** Pflaume und Kupfer oder Kerzenschein. Kurze Tage und warme Innenräume. Diese Palette führt ganz natürlich zu [Thanksgiving-Posts](https://gradiently.design/de/guide/thanksgiving-posts) und zur Geschenkezeit. > **Behalte deine Markenfarbe im Raum** Eine saisonale Palette sollte sich um deine Markenfarbe legen, nicht sie ersetzen. Tausche deine gewohnten hellen und mittleren Töne gegen Herbsttöne und behalte die Farbe deines Logos als Akzent, damit die Leute weiter wissen, dass du es bist. ## FAQ ### Welche Farben gehören zu einer Herbstpalette? Meist ein tiefes, warmes Dunkel wie Espresso oder Pflaume, warme Mitteltöne wie Rost, Kürbis, Ocker und Kupfer, ein weiches Creme und manchmal ein kühler Akzent aus Moos oder Schiefer. ### Welche Hex-Codes eignen sich für Herbstfarben? Probiere `#2b1a12` als Dunkel, `#8c2f1b` Rost, `#d9622b` Kürbis, `#f2a541` Ringelblume und `#f6e3c5` Creme. Das ist die Palette Lagerfeuer aus diesem Artikel. ### Wie verhindere ich, dass Herbstverläufe schlammig wirken? Vermeide es, Orange direkt in Grün oder Blau übergehen zu lassen, das erzeugt ein graues Band. Führe den Übergang über ein warmes Braun oder halte die Farben in getrennten Bereichen. ### Kann ich Herbstfarben ohne Orange verwenden? Ja. Nebel und Farn nutzt Moos, Flechte und Nebel mit einem einzigen Kupferakzent, und Pflaume und Kupfer setzt auf tiefes Violett. Beide wirken weiterhin nach Herbst. ### Welche Textfarbe passt auf einen Herbsthintergrund? Schrift in Creme oder Hafer auf der dunkelsten Farbe der Palette ist am besten lesbar. Reinweiß kann neben Rost und Braun kalt wirken.