# Syksyn väripaletit: kuusi ideaa hex-koodeineen [Canonical HTML page](https://gradiently.design/fi/guide/autumn-color-palettes) Syksyn värit on helppo saada melkein kohdalleen, mutta vaikea täysin oikein. Kuusi oikeisiin kampanjoihin tehtyä palettia, kopioitavat koodit ja pienet valinnat, joilla oranssi pysyy kirkkaana. ## The short version - Vahvassa syyspaletissa on syvä lämmin tumma, kaksi tai kolme lämmintä keskisävyä kuten ruoste ja meripihka, vaalea kerma ja usein viileä sammal tai liuskekivi. - Syyspaletit muuttuvat sameiksi, kun oranssi sekoittuu suoraan vihreään tai siniseen. Vie sekoitus lämpimän ruskean kautta tai pidä värit erillään. - Syyspaletin tummimman värin kannattaa olla otsikon takana, sillä vaalea teksti syvänruskealla tai luumulla erottuu selvästi puhelimessa. - Alkusyksyn kampanjoihin sopivat vaaleat sadonkorjuuvärit, loppulokakuuhun ja marraskuuhun tummempi luumu, häränverenpunainen ja kynttilänvalo. - Jokaisen tämän artikkelin syyspaletin hex-koodit voi liittää mihin tahansa suunnittelutyökaluun tai CSS-tiedostoon. Toimivissa **syksyn väripaleteissa** on neljä osaa: syvä lämmin tumma kuten espresso tai luumu, kaksi tai kolme lämmintä keskisävyä kuten ruoste, kurpitsa ja meripihka, vaalea kerma silmän lepopaikaksi sekä usein viileä sammal tai liuskekivi, jonka rinnalla lämpö hehkuu. Alla on kuusi syyspalettia hex-koodeineen, niistä rakennetut liukuvärit ja taitto-ohjeet, joilla sesonkijulkaisu avautuu yhdellä silmäyksellä. ## Mikä tekee paletista syksyisen Syksyssä on kyse oranssia enemmän *valoisuudesta*: värit ovat kesää tummempia ja lämpimämpiä. Lehdissä, kaarnassa, siiderissä ja kynttilänvalossa on hieman harmaata ja ruskeaa. Jos nostat jokaisen värin täysin kylläiseksi, saat halloweenin. Se on eri aihe omine [halloween-grafiikan](https://gradiently.design/fi/guide/halloween-graphics) ohjeineen. - **Tumma ankkuri.** Espresso, kaarna, luumu tai öinen metsä kantaa tekstiä ja estää palettia näyttämästä karkkikaupalta. - **Lämpimät, hieman murretut keskisävyt.** Ruoste, kaneli, okra ja kupari liikennekartion oranssin sijaan. - **Pehmeä vaalea.** Kerma, kaura tai pergamentti puhtaan valkoisen sijaan, joka näyttää ruosteen vieressä kylmältä. - **Yksi viileä vastapaino.** Sammal, salvia tai liuskekivi pienellä alueella. Sen rinnalla lämpö tuntuu lämpimämmältä. Lämpimän ja viileän tasapainoa käsittelee [lämpimät ja kylmät värit](https://gradiently.design/fi/guide/warm-and-cool-colors). Ympäri vuoden toimivasta sukulaisperheestä kertoo [maanläheiset värit](https://gradiently.design/fi/guide/earth-tone-colors). ## Kuusi syksyn väripalettia hex-koodeineen ### 1. Nuotio - Tumma hiillos: #2b1a12 - Ruoste: #8c2f1b - Kurpitsa: #d9622b - Samettikukka: #f2a541 - Kerma: #f6e3c5 Klassinen syksyn kaari savusta liekkiin. Käytä tummaa hiillosta tekstin takana ja samettikukkaa yhteen nostoon, kuten hintaan tai päivämäärään. ### 2. Hedelmätarha - Kaarna: #4a3426 - Omenanpunainen: #9b2335 - Päärynä: #b5a642 - Salvianlehti: #7d8b6a - Kaura: #e8dcc4 Punainen ja vihreä ilman joulutunnelmaa: molemmat ovat murrettuja, ja kaarna jää niiden väliin. Sopii tilapuoteihin, leipomoihin ja siiderinvalmistajille. ### 3. Sumu ja saniainen - Tumma saniainen: #2f3b33 - Sammal: #6b7f5e - Jäkälä: #a8a48c - Sumu: #d8d3c6 - Kupari: #b5653a Viileä syksy brändeille, joille oranssi on liian voimakas. Kupari on ainoa lämmin väri. Anna sille asia, jonka haluat huomattavan. Kolme muuta nopeaan käyttöön. Jokaisessa toistuu sama rakenne: tumma, keskisävyt, vaalea ja korostus. | Paletti | Tumma | Keskisävyt | Vaalea | Korostus | | --- | --- | --- | --- | --- | | Mausteinen latte | `#3e2a20` | `#8a5a3c` `#c89f7a` | `#efe4d6` | `#a33b2b` | | Luumu ja kupari | `#2a1630` | `#5e2a4f` `#b8733d` | `#f3e9dc` | `#e3b27a` | | Lokakuun loppu | `#141016` | `#3b1f2b` `#7a2e1f` | `#f1e4cf` | `#e9c46a` | Mausteinen latte sopii kahviloihin ja sisustukseen, Luumu ja kupari kauneuteen ja viiniin sekä Lokakuun loppu iltatapahtumiin ja kellonsiirron jälkeiseen aikaan. ## Kopioitavat syksyiset liukuvärit Paletista tulee tausta, kun annat värien sekoittua. Syksyn niksi on pitää valonlähde lämpimänä ja reunat tummina, kuten matala aurinko ja varhainen hämärä oikeasti näyttävät. Jokainen alla oleva liukuväri käyttää yllä olevien palettien värejä. - Kurpitsahämärä: `linear-gradient(160deg, #2b1a12 0%, #8c2f1b 45%, #d9622b 75%, #f2a541 100%)` - Hedelmätarhan valo: `radial-gradient(circle at 30% 25%, #f2a541 0%, #b5653a 35%, #5a1e24 80%)` - Sumu saniaisen yllä: `linear-gradient(180deg, #d8d3c6 0%, #a8a48c 45%, #2f3b33 100%)` - Mausteinen latte: `linear-gradient(135deg, #efe4d6 0%, #c89f7a 55%, #8a5a3c 100%)` - Luumu ja kupari: `radial-gradient(circle at 75% 80%, #b8733d 0%, #5e2a4f 45%, #2a1630 85%)` - Kynttilänvalossa: `radial-gradient(circle at 50% 100%, #e9c46a 0%, #c4572a 30%, #3b1f2b 65%, #141016 100%)` Kuusi syksyistä liukuväriä. Kopioi CSS napsauttamalla haluamaasi. ### Samea - Oranssi sekoittuu suoraan sinivihreään tai vihreään - Jokainen väri täysin kylläinen - Puhtaan valkoinen teksti ja tausta ruosteen vieressä - Kirkkain väri otsikon takana ### Selkeä - Oranssi kulkee vihreään lämpimän ruskean kautta - Murretut keskisävyt ja yksi kirkas korostus - Kerma tai kaura vaaleana värinä - Kirkkain väri kulmassa, tumma sanojen takana Oranssi ja sinivihreä kohtaavat harmaassa, jos sekoitat ne suoraan. Harmaa kaista saa monet syyskuvat näyttämään väsyneiltä. [Sameat liukuvärit](https://gradiently.design/fi/guide/muddy-gradients) selittää korjauksen tarkasti. ## Syyspaletin käyttö oikeassa julkaisussa Useimmat syyssisällöt koskevat sesonkitarjousta, uutta menua tai tapahtumaa, joten sanat ovat lehtiä tärkeämpiä. Sijoita tummin väri otsikon taakse ja käytä tekstissä kermaa. Lisää kirkas korostus kerran. Jos haluat kuvion tai valokuvan, sävytä se kahdella paletin värillä, jotta se jää taka-alalle. Pystysomejulkaisu kahvilan syysmenusta lämpimällä ruosteen ja meripihkan liukuväritaustalla Kahvilan pystyjulkaisu syötteeseen. Lämmin valo pysyy poissa otsikon takaa. Pystytarina kutsuu sadonkorjuun illallisklubiin tummalla luumun ja kynttilänvalon liukuvärillä Sama vuodenaika tarinana. Tummempi loppusyksyn paletti sopii iltatapahtumaan. Liukuväritausta on tasaista ruskeaa elävämpi, mutta voi kilpailla tekstin kanssa. Gradientlyssä tausta on Mark, joka tietää sanojen paikan. Se asettaa rauhallisimman ja kontrastiltaan parhaan värin otsikon taakse ja valitsee vaalean tai tumman tekstin riveittäin. Runsas syysilme pysyy luettavana ilman tekstilaatikkoa tai varjoa. [Teksti liukuvärillä](https://gradiently.design/fi/guide/text-on-gradient) kertoo käsin tehtävästä tavasta. ## Syyskampanjan koot Sesonkikampanja tarvitsee yleensä syötejulkaisun, tarinan, Pinterestin Pin-kuvan resepteille tai lahjaideoille sekä sähköpostiotsakkeen. Suunnittele pääjulkaisu ensin ja tee muut sen pohjalta, jotta väri osuu jokaisessa muodossa oikeaan kohtaan. - Instagram-julkaisu 1080×1350: 1080 × 1350 - Tarina 1080×1920: 1080 × 1920 - Pinterestin Pin 1000×1500: 1000 × 1500 - Sähköpostiotsake 1200×600: 1200 × 600 Neljä formaattia kattaa useimmat syyskampanjat. Muut koot löytyvät artikkelista [sosiaalisen median kuvakoot](https://gradiently.design/fi/guide/social-media-image-sizes). ## Paletti kuukauden mukaan Syksy kestää kolme kuukautta, ja valo muuttuu paljon sen aikana. Paletin hienovarainen vaihtelu pitää pitkän kampanjan tuoreena rikkomatta ilmettä. - **Syyskuu:** Hedelmätarha tai Mausteinen latte. Vaaleampi ja vielä hieman vihreä, sopii arkeen palaamiseen ja sadonkorjuutarjouksiin. - **Lokakuu:** Nuotio tai Sumu ja saniainen. Ruskan huippu. Säästä tumma Lokakuun loppu viimeiselle viikolle ja halloween-tapahtumiin. - **Marraskuu:** Luumu ja kupari tai Kynttilänvalossa. Lyhyet päivät ja lämpimät sisätilat johtavat luontevasti [kiitospäivän julkaisuihin](https://gradiently.design/fi/guide/thanksgiving-posts) ja lahjasesonkiin. > **Pidä brändivärisi mukana** Sesonkipaletin tulee rakentua brändivärisi ympärille eikä korvata sitä. Vaihda tavalliset vaaleat ja keskisävyt syksyisiin ja pidä logon väri korostuksena. Ihmiset tunnistavat sinut edelleen. ## FAQ ### Mitä värejä syyspaletissa on? Tyypillisesti syvä lämmin tumma kuten espresso tai luumu, lämpimiä keskisävyjä kuten ruoste, kurpitsa, okra ja kupari, pehmeä kerma sekä joskus viileä sammal- tai liuskekivikorostus. ### Mitkä hex-koodit sopivat syksyyn? Kokeile tummaa `#2b1a12`, ruostetta `#8c2f1b`, kurpitsaa `#d9622b`, samettikukkaa `#f2a541` ja kermaa `#f6e3c5`. Ne muodostavat artikkelin Nuotio-paletin. ### Miten estän syksyisiä liukuvärejä samentumasta? Vältä oranssin suoraa sekoittamista vihreään tai siniseen, sillä se synnyttää harmaan kaistan. Vie siirtymä lämpimän ruskean kautta tai pidä värit eri alueilla. ### Voinko käyttää syksyn värejä ilman oranssia? Kyllä. Sumu ja saniainen käyttää sammalta, jäkälää ja sumua yhdellä kuparikorostuksella, ja Luumu ja kupari nojaa syvään violettiin. Molemmat tuntuvat silti syksyisiltä. ### Mikä tekstiväri sopii syystaustalle? Kerma tai kaura paletin tummimmalla värillä erottuu parhaiten. Puhdas valkoinen voi näyttää ruosteen ja ruskean rinnalla kylmältä.