# Pastelfarvepaletter: bløde koder til venlige brands

[Canonical HTML page](https://gradiently.design/da/guide/pastel-color-palettes)

Pasteller er nemme at elske og svære at bruge: alene kan de ikke bære tekst. Hver palet her kommer med de to ekstra farver, der får den til at virke.

## The short version

- En pastelfarvepalet består af lyse farver med blid mætning, typisk over 85 % lysstyrke i HSL.
- Pasteller er for lyse til tekst på hvid, så en pastelpalet har brug for en mørk skriftfarve til ordene.
- De fleste pastelbrands har også brug for én dybere ankerfarve, stærk nok til at bære hvid tekst på knapper og labels.
- Pasteller virker mest sammenhængende, når de deler samme lysstyrke og især adskiller sig i nuance.
- En varm, råhvid bund passer bedre til pasteller end ren hvid, som kan få dem til at virke udvaskede.

En **pastelfarvepalet** er et sæt bleg, blidt mættede farver: fersken, smørgul, salvie, pudderblå, lilla. De føles bløde, friske og venlige, og derfor griber bagerier, hudpleje, babybrands og bryllupspapirhandlere til dem. Hagen er, at ingen pastel er mørk nok til tekst. Hver palet nedenfor parrer derfor tre pasteller med to arbejdsfarver: en mørk **skriftfarve** til ord og en dybere **ankerfarve** til knapper og accenter. Koderne er klar til at kopiere, og kontrasten er allerede tjekket.

## Fem pastelfarvepaletter med hex-koder

**Fersken og salvie** er varm, naturlig og rolig, et stærkt valg til mad, keramik og slow living-brands. Terracotta-ankeret forhindrer, at den bliver sukkersød.

- Fersken #f9d5c7: #f9d5c7
- Smør #fbe7b5: #fbe7b5
- Salvie #cfe3d1: #cfe3d1
- Terracotta #ad5a45: #ad5a45
- Kakaoskrift #3a2e2a: #3a2e2a

Kakaoskrift på fersken er 9,6:1. Hvid på terracotta er 4,9:1, nok til knaptekst.

**Havglas** er køligt og rent, egnet til wellness, hudpleje og alt, der skal føles som frisk luft.

- Havglas #c9e9e4: #c9e9e4
- Pudderblå #c9dff2: #c9dff2
- Dis #e3f1ec: #e3f1ec
- Dyb lagune #3f7f86: #3f7f86
- Skiferskrift #2f3a4a: #2f3a4a

Skiferskrift på havglas er 8,9:1. Hvid på dyb lagune er 4,6:1.

**Lavendel og citron** stiller to næsten modsatte side om side i samme bløde lysstyrke, hvilket holder den munter uden at støde. God til brevpapir, blomsterhandlere og børnebøger.

- Lavendel #ddd3f2: #ddd3f2
- Citron #fbf0b5: #fbf0b5
- Rødmen #f6cfdc: #f6cfdc
- Violet #7a5ba8: #7a5ba8
- Blommeskrift #3b2f48: #3b2f48

Blommeskrift på lavendel er 8,7:1 og på citron 10,8:1. Hvid på violet er 5,4:1.

**Sorbet** er den sødeste af de fem, varme lyserøde og abrikosfarver til bagerier, neglestudier og sommerkampagner.

- Jordbær #f6cfdc: #f6cfdc
- Abrikos #fcd9b8: #fcd9b8
- Vanilje #fbe7b5: #fbe7b5
- Hindbær #b54f6e: #b54f6e
- Bærskrift #4a2e37: #4a2e37

Bærskrift på jordbær er 8,6:1. Hvid på hindbær er 4,9:1.

**Pistacie** er frisk og grøn, naturlig uden at være jordnær. Den passer til plantebutikker, caféer og miljøbrands.

- Pistacie #d9e8c4: #d9e8c4
- Selleri #eef3d9: #eef3d9
- Fersken #f9d5c7: #f9d5c7
- Blad #4f7a3f: #4f7a3f
- Mosskrift #2e3b33: #2e3b33

Mosskrift på pistacie er 9,1:1. Hvid på blad er 5:1. Ferskenen er en lille varm accent.

For at vælge mellem dem så start med temperaturen. Varme pasteller (fersken, abrikos, smør) føles hjemlige og spiselige; kolde pasteller (havglas, pudderblå, lavendel) føles rene og luftige. Se så på dit anker, for det kommer på hver knap og prisskilt og er den farve, folk husker. Hvis ingen af disse ankre passer til dig, så behold pastellerne og skift din egen brandfarve ind, mørkere indtil hvid tekst på den består 4,5:1. Har du brug for mere tilbageholdenhed, end pasteller tillader? [Dæmpede farvepaletter](https://gradiently.design/da/guide/muted-color-palettes) ligger ét trin grå­ere.

## Hvorfor pasteller har brug for en skriftfarve og et anker

Hver pastel ovenfor har et kontrastforhold på mellem cirka 1,1:1 og 1,4:1 mod hvid. Det er langt under de 4,5:1, brødtekst kræver, hvilket betyder, at pastelord på en hvid side simpelthen er ulæselige for mange. Pastelknapper med hvide labels fejler lige så slemt. Skriftfarven og ankeret løser begge problemer, mens paletten som helhed forbliver blød.

| Brug | Farve at vælge | Hvorfor |
| --- | --- | --- |
| Side- og sektionsbaggrunde | En pastel eller en varm råhvid | Store bløde flader sætter stemningen |
| Overskrifter og brødtekst | Skriftfarven | Mørk nok til 8:1 eller mere på hver pastel |
| Knapper og tags | Ankeret, med hvid tekst | Består 4,5:1 og giver øjet et fokuspunkt |
| Illustrationer og former | Enhver pastel, plus ankeret sparsomt | Variation uden støj |
| Tekst på fotos | Skriftfarven på et pastelpanel, eller hvid på et mørkt fotoområde | Pasteller forsvinder over travle billeder |

En enkel opgaveliste til enhver pastelpalet. Tjek dine egne par med en kontrastchecker, før du udgiver.

Vælg en skriftfarve, der læner sig mod en af dine pasteller, frem for en flad grå: kakao til varme paletter, skifer eller blomme til kolde. En farvet skriftfarve får hele paletten til at se designet ud. Reglerne bag tallene står i [farvekontrast og tilgængelighed](https://gradiently.design/da/guide/color-contrast-accessibility).

## Sådan gør du enhver farve pastel

En pastel er enhver nuance med høj lysstyrke og moderat mætning. I [HSL](https://gradiently.design/da/guide/hsl-colors) sigter du efter 85 % til 92 % lysstyrke og 40 % til 80 % mætning. Problemet med HSL er, at gul og blå ved samme tal ser meget forskellige ud i lysstyrke. [OKLCH](https://gradiently.design/da/guide/oklch-explained) løser det, så én formel giver dig en jævn pastel i hver nuance.

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

Ændr kun nuancen, og hver pastel bevarer samme visuelle vægt. Hold chroma omkring 0,04 til 0,07; højere begynder at ligne slik.

Samme fremgangsmåde gør din brandfarve til sin egen pastel: behold dens nuance, hæv lysstyrken, sænk mætningen. Det giver dig en blød baggrundsfarve, der utvetydigt er din. Om teorien bag toner se [nuancer, toner og skygger](https://gradiently.design/da/guide/tints-tones-shades).

## Fejl, der får pasteller til at se billige ud

### Undgå

- Pasteltekst på hvid eller på en anden pastel
- Seks pasteller på én gang uden en mørk farve
- Pasteller i forskellig lysstyrke, så én ser snavset ud
- Rent hvide bunde, der vasker pasteller ud
- Tynde skriveskrifter i bleg farve

### Gør

- Mørk, farvet skriftfarve til hvert ord
- Tre pasteller plus et anker og en skriftfarve
- Pasteller i samme lysstyrke
- En varm råhvid som #fdf8f2
- Faste vægte med klare bogstavformer

## Pastelpaletter i et rigtigt opslag

Her er idéen i brug: blød baggrund, mørk skriftfarve, én ankerfarve brugt én gang. Vil du have pasteller som flydende baggrunde frem for flade felter, har [pastelgradienter](https://gradiently.design/da/guide/pastel-gradients) koderne, og den [bløde æstetik](https://gradiently.design/da/guide/soft-aesthetic) viser, hvordan udtrykket bæres gennem et helt feed.

Et blødt pastelopslag på Instagram for et bageri, der varsler, at citronkagen er tilbage denne weekend

En blød baggrund med mørk, selvsikker skrift. Pastellen sætter stemningen; skriftfarven fører ordet.

Lyse baggrunde er, hvor læsbarheden oftest brister, og Gradiently klarer det for dig. En Marks automatiske skriftfarve vælger lys eller mørk skrift til hver linje ud fra sin egen palet, så ord på en blød pastel-Mark forbliver mørke nok til at læse, uden at du tjekker hvert par.

## FAQ

### Hvilke farver er med i en pastelfarvepalet?

Blege, blidt mættede udgaver af enhver nuance: fersken, smørgul, salvie, mynte, pudderblå, lavendel og rødmen er de mest almindelige.

### Hvad er hex-koden for pastelpink?

Der er ingen enkelt kode, men #f6cfdc er en afbalanceret pastelpink. Par den med en mørk skriftfarve som #4a2e37 til tekst.

### Hvilken tekstfarve passer til pastelfarver?

En mørk, let farvet farve som kakao #3a2e2a, skifer #2f3a4a eller blomme #3b2f48, som giver omkring 8:1 til 10:1 på typiske pasteller.

### Er pastelfarver tilgængelige?

Som baggrunde, ja. Som tekst eller som knapfarve bag hvid tekst, nej: pasteller er for lyse. Brug en mørk skriftfarve til ord og en dybere ankerfarve til knapper.

### Hvordan gør jeg en farve pastel?

Hæv dens lysstyrke til omkring 85 % til 92 %, og hold mætningen moderat. I CSS giver `oklch(90% 0.06 H)` en jævn pastel til enhver nuance H.