Pastelliväripaletit: pehmeät värikoodit lempeille brändeille

Pastelliväripaletti on joukko vaaleita, pehmeän kylläisiä värejä: persikkaa, voinkeltaista, salviaa, puuterinsinistä ja lilaa. Ne tuntuvat lempeiltä, raikkailta ja ystävällisiltä, minkä vuoksi leipomot, ihonhoito- ja vauvabrändit sekä hääpaperituotteiden tekijät suosivat niitä. Ongelma on, ettei yksikään pastelli ole riittävän tumma tekstille. Siksi jokainen alla oleva paletti yhdistää kolme pastellia kahteen käyttöväriin: tummaan tekstiväriin ja syvempään tukiväriin painikkeille ja korostuksille. Koodit ovat valmiita kopioitaviksi ja kontrasti on tarkistettu.

Viisi pastelliväripalettia hex-koodeineen

Persikka ja salvia on lämmin, luonnollinen ja rauhallinen yhdistelmä, joka sopii ruokaan, keramiikkaan ja hitaasta elämästä kertoville brändeille. Terrakottainen tukiväri estää liian sokerisen vaikutelman.

Merilasi on viileä ja puhdas paletti hyvinvointiin, ihonhoitoon ja kaikkeen, minkä halutaan tuntuvan raikkaalta ilmalta.

Laventeli ja sitruuna yhdistää kaksi lähes vastakkaista sävyä yhtä pehmeän vaaleina. Tulos on iloinen ilman riitasointua. Se sopii paperituotteisiin, kukkakauppoihin ja lastenkirjoihin.

Sorbetti on viidestä makein: lämpimiä vaaleanpunaisia ja aprikoosinsävyjä leipomoille, kynsistudioille ja kesäkampanjoihin.

Pistaasi on raikas ja vihreä, luonnollinen ilman maanläheisyyttä. Se sopii kasvikaupoille, kahviloille ja ekologisille brändeille.

Aloita paletin valinta värilämpötilasta. Lämpimät pastellit, kuten persikka, aprikoosi ja voinkeltainen, tuntuvat kodikkailta ja syötäviltä. Viileät pastellit, kuten merilasi, puuterinsininen ja laventeli, tuntuvat puhtailta ja ilmavilta. Katso seuraavaksi tukiväriä: se näkyy kaikissa painikkeissa ja hintalapuissa, ja ihmiset muistavat juuri sen. Jos mikään tukiväri ei sovi sinulle, säilytä pastellit ja vaihda tilalle oma brändivärisi. Tummenna sitä, kunnes valkoisen tekstin kontrasti siihen yltää arvoon 4,5:1. Kaipaatko pastelleja hillitympää ilmettä? Murretut väripaletit ovat askeleen harmaampia.

Miksi pastellit tarvitsevat teksti- ja tukivärin

Jokaisen yllä olevan pastellin kontrasti valkoiseen on noin 1,1:1-1,4:1. Se jää kauas leipätekstin tarvitsemasta 4,5:1-suhteesta. Pastelliväriset sanat valkoisella sivulla ovat siksi monille lukukelvottomia. Pastellipainikkeet valkoisine teksteineen epäonnistuvat yhtä pahasti. Tekstiväri ja tukiväri korjaavat molemmat ongelmat ja säilyttävät paletin kokonaisuutena pehmeänä.

Valitse tasaisen harmaan sijaan tekstiväri, joka lähestyy yhtä pastelleistasi: lämpimiin paletteihin kaakaota, viileisiin liuskeenharmaata tai luumua. Sävytetty tekstiväri tekee koko paletista harkitun näköisen. Lukujen taustalla olevat säännöt löytyvät värikontrastin ja saavutettavuuden oppaasta.

Näin teet mistä tahansa väristä pastellin

Pastelli on mikä tahansa sävy, jonka vaaleus on korkea ja kylläisyys maltillinen. HSL:ssä tavoittele 85-92 prosentin vaaleutta ja 40-80 prosentin kylläisyyttä. HSL:n ongelma on, että samoilla arvoilla keltainen ja sininen näyttävät hyvin eri kirkkauksisilta. OKLCH korjaa tämän, joten sama kaava tuottaa tasaisen pastellin jokaisesta sävystä.

:root {
  /* lightness 90%, gentle chroma, any hue */
  --pastel-peach: oklch(90% 0.06 60);
  --pastel-lemon: oklch(90% 0.06 100);
  --pastel-mint:  oklch(90% 0.06 150);
  --pastel-aqua:  oklch(90% 0.06 200);
  --pastel-pink:  oklch(90% 0.06 340);

  /* the ink: same idea, very dark */
  --ink: oklch(30% 0.03 40);
}

Sama tapa muuttaa brändivärisi omaksi pastellikseen: säilytä sävy, nosta vaaleutta ja vähennä kylläisyyttä. Saat pehmeän taustavärin, joka tunnistetaan omaksesi. Sävytysten teoria löytyy vaalennettujen, murrettujen ja tummennettujen värien oppaasta.

Virheet, jotka tekevät pastelleista halvan näköisiä

Pastellipaletti oikeassa julkaisussa

Näin idea toimii: pehmeä tausta, tumma teksti ja yksi tukiväri kerran käytettynä. Jos haluat pastellit virtaaviksi taustoiksi tasaisten värilohkojen sijaan, pastelliliukuvärit tarjoaa koodit. Pehmeä estetiikka näyttää, miten ilme jatkuu koko syötteessä.

Luettavuus horjuu usein vaaleilla taustoilla, ja Gradiently hoitaa sen puolestasi. Markin Automaattinen muste valitsee jokaiselle riville vaalean tai tumman tekstin omasta paletistaan. Pehmeän pastelli-Markinkin sanat pysyvät riittävän tummina ilman jokaisen väriparin tarkistamista.