Pastellpaletter: myke fargekoder for milde merkevarer

En pastellpalett er et sett bleke, mykt mettede farger: fersken, smørgul, salvie, pudderblå og syrin. De føles milde, friske og vennlige. Derfor brukes de av bakerier, hudpleie- og babymerker og leverandører av bryllupstrykksaker. Utfordringen er at ingen pastell er mørk nok til tekst. Derfor kombinerer hver palett nedenfor tre pasteller med to bruksfarger: en mørk tekstfarge til ordene og en dypere ankerfarge til knapper og aksenter. Kodene er klare til å kopieres, og kontrasten er allerede sjekket.

Fem pastellpaletter med hex-koder

Fersken og salvie er varmt, naturlig og rolig, et godt valg for mat, keramikk og merkevarer for et roligere liv. Terrakottaankeret hindrer uttrykket i å bli sukkersøtt.

Sjøglass er kjølig og rent, og passer velvære, hudpleie og alt som skal føles som frisk luft.

Lavendel og sitron setter to nesten motsatte farger sammen med samme myke lyshet. Det holder uttrykket muntert uten at fargene krasjer. Passer papirvarer, blomsterbutikker og barnebøker.

Sorbet er den søteste av de fem, med varme rosa- og aprikostoner for bakerier, neglestudioer og sommerkampanjer.

Pistasj er frisk og grønn, naturlig uten å bli jordpreget. Den passer plantebutikker, kafeer og miljømerker.

Start med temperaturen når du velger mellom dem. Varme pasteller som fersken, aprikos og smørgul virker hjemlige og spiselige. Kalde pasteller som sjøglass, pudderblå og lavendel virker rene og luftige. Se deretter på ankerfargen, for den vil være på hver knapp og prislapp, og er fargen folk husker. Passer ingen av disse ankerfargene, beholder du pastellene og setter inn din egen merkevarefarge, mørknet til hvit tekst gir minst 4,5:1. Trenger du mer tilbakeholdenhet enn pasteller gir? Dempede fargepaletter er ett trinn gråere.

Hvorfor pasteller trenger en tekstfarge og en ankerfarge

Alle pastellene over gir omtrent 1,1:1 til 1,4:1 i kontrast mot hvitt. Det er langt under 4,5:1 som brødtekst trenger, og betyr at pastellord på en hvit side rett og slett er uleselige for mange. Pastellknapper med hvit tekst feiler like mye. Tekstfargen og ankerfargen løser begge problemene, mens paletten fortsatt er myk som helhet.

Velg en tekstfarge som heller mot én av pastellene fremfor en flat grå: kakao til varme paletter, skifer eller plomme til kalde. En tonet tekstfarge får hele paletten til å virke gjennomarbeidet. Reglene bak tallene står i fargekontrast og tilgjengelighet.

Slik gjør du enhver farge til pastell

En pastell er enhver kulør med høy lyshet og moderat metning. I HSL sikter du mot 85 % til 92 % lyshet og 40 % til 80 % metning. Problemet med HSL er at gult og blått med samme tall virker svært ulike i lysstyrke. OKLCH løser det, så én formel gir en jevn pastell i alle kulører.

: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);
}

Samme metode gjør merkevarefargen til sin egen pastell: behold kuløren, øk lysheten og senk metningen. Da får du en myk bakgrunnsfarge som tydelig er din. For teorien bak lysere toner, se lyse, dempede og mørke fargetoner.

Feil som får pasteller til å virke billige

Pastellpaletter i et faktisk innlegg

Her er ideen i praksis: myk bakgrunn, mørk tekst og én ankerfarge brukt én gang. Vil du ha pasteller som flytende bakgrunner fremfor flate felter, har pastellgradienter koder. Det myke uttrykket viser hvordan stilen fungerer gjennom en hel strøm.

Lyse bakgrunner er der lesbarheten vanligvis svikter, og Gradiently tar seg av det. Auto-tekstfarge i en Mark velger lys eller mørk tekst for hver linje fra Markens egen palett. Dermed holder ordene på en myk Mark i pastell seg mørke nok til å leses uten at du må sjekke hvert par.