# Oranje en roze verlopen: warme codes voor elke sfeer

[Canonical HTML page](https://gradiently.design/nl/guide/orange-pink-gradient)

Oranje en roze liggen naast elkaar, wat ze tot een van de warmste en makkelijkste mengsels maakt. De uitdaging is niet het mengen; het is niet op elke zonsondergangpreset lijken.

## The short version

- Een oranje en roze verloop mengt naburige warme tinten zoals mandarijn #f97316, koraal #fb7185 en roze #ec4899, zodat de overgang helder blijft zonder tussenkleur.
- Het paar wordt zo sterk met zonsondergangen geassocieerd dat een gewone diagonaal van oranje naar roze als preset leest; een andere ondergrond of lichtheid voorkomt dat.
- Fel oranje en hardroze zijn allebei te licht voor kleine witte tekst, terwijl diepe roest of gebrand bruin als tekstkleur goed leest op de zachtere versies.
- Aardse versies met terracotta en stoffig roze voelen rustig en volwassen, en donkere versies met sintel en framboos voelen warm en nachtelijk.
- Oranje en roze passen bij eten, drinken, beauty, zomercampagnes, reizen en elk merk dat warm en gastvrij wil voelen.

Een **oranje en roze verloop** mengt twee warme buren: mandarijn zoals `#f97316` of perzik zoals `#fed7aa` aan de ene kant, roze zoals `#ec4899` of blush zoals `#fda4af` aan de andere, meestal met koraal ertussen. Omdat de tinten naast elkaar liggen, wordt het mengsel nooit modderig. Wat het wel kan worden is voorspelbaar, want de combinatie is een afkorting voor zonsondergang. De codes hieronder zijn per sfeer gegroepeerd, van zachte perzik tot donkere sintel, zodat je een versie kiest die van jou voelt en niet als een telefoonachtergrond.

## Kleuren tussen oranje en roze

Loop je van oranje naar roze, dan kom je langs koraal, zalm en watermeloen, allemaal verzadigd en warm. Maak de route lichter en je krijgt abrikoos, perzik en blush. Maak haar donkerder en je krijgt roest, terracotta en framboos. De meeste goede oranje en roze verlopen gebruiken drie stops uit dezelfde lichtheidsband in plaats van een sprong van bleke perzik naar hardroze.

- Crème: #fff7ed
- Perzik: #fed7aa
- Blush: #fda4af
- Abrikoos: #fb923c
- Koraal: #fb7185
- Mandarijn: #f97316
- Hardroze: #ec4899
- Roest: #9a3412
- Gebrande omber: #431407

Het bereik van oranje naar roze, met crème en twee donkerbruine tinten voor ondergronden en tekst.

## Zachte perzik- en blushverlopen

Bleek oranje en roze samen voelen als huid, linnen en vroeg ochtendlicht. Dat maakt ze een natuurlijke match voor huidverzorging, bruiloften, welzijn en bakkerijen. Ze komen ook goed over op foto’s achter producten, omdat ze warme tonen flatteren. Zet tekst in diepe roest in plaats van zwart; dat behoudt de warmte.

- Perzik linnen: `linear-gradient(135deg, #fff7ed 0%, #fed7aa 50%, #fecdd3 100%)`
- Abrikoos blush: `radial-gradient(circle at 70% 30%, #ffe4e6 0%, #fed7aa 60%, #fdba74 100%)`
- Eerste licht: `linear-gradient(180deg, #fde68a 0%, #fecaca 55%, #fbcfe8 100%)`

Zacht oranje en roze. Tekst in roest of gebrande omber leest goed op alle drie. [Perzik verlopen](https://gradiently.design/nl/guide/peach-gradient) heeft meer van deze familie.

## Koraal-, grapefruit- en watermeloenverlopen

Verzadigd oranje en roze is pure zomer: grapefruitsap, strandlakens, festivalposters. Ze zijn luid genoeg om een scroll te stoppen en vriendelijk genoeg om niet agressief te voelen. Houd ze uit de buurt van heel kleine tekst en geef ze een rustige hoek.

- Mandarijn naar roze: `linear-gradient(135deg, #f97316 0%, #fb7185 50%, #ec4899 100%)`
- Grapefruit: `radial-gradient(circle at 25% 75%, #fdba74 0%, #fb7185 45%, #e11d48 100%)`
- Watermeloen: `linear-gradient(160deg, #fb923c 0%, #f43f5e 70%, #be185d 100%)`
- Mangosmoothie: `linear-gradient(90deg, #fbbf24 0%, #fb923c 35%, #f472b6 100%)`

Felle oranje en roze verlopen. Elke stop is een directe buur van de volgende, dus het midden blijft levendig. [Koraalverlopen](https://gradiently.design/nl/guide/coral-gradient) gaat dieper.

## Aards terracotta en stoffig roze

Dempt beide kleuren en het paar wordt rustig en geaard, het palet van kleipotten, gedroogde bloemen en door de zon gebakken muren. Dit is de meest onderbenutte versie en vaak de elegantste. Ze staat prettig naast olijf, zand en crème, en werkt goed naast [aardetinten-kleurenpaletten](https://gradiently.design/nl/guide/earth-tone-colors).

- Klei en roos: `linear-gradient(135deg, #f5e6d8 0%, #d9967a 55%, #c27c7c 100%)`
- Terracottaschemering: `radial-gradient(circle at 80% 20%, #e8a598 0%, #b4644a 50%, #6b2f22 100%)`
- Gedroogde bloemblaadjes: `linear-gradient(180deg, #faf3ec 0%, #e7b9a8 50%, #b97a6f 100%)`

Gedempt oranje en roze. Deze voelen handgemaakt en rustig, en passen bij interieurs, keramiek, bloemisten en slow-livingmerken.

> **Achter productfoto’s** Warme, gedempte mengsels flatteren huid, hout, brood en keramiek omdat ze die kleuren echoën. Kies een stop uit het product zelf en bouw het verloop van daaruit op. [Achtergronden voor productfoto’s](https://gradiently.design/nl/guide/product-photo-backgrounds) laat zien hoe.

## Donkere sintel- en frambozenverlopen

Begin bij een diepbruine of pruimkleurige ondergrond en laat oranje en roze eruit gloeien, en het paar wordt niet langer vrolijk maar intiem: kaarslicht, sintels, een cocktailkaart. Deze dragen makkelijk lichte tekst, wat ze praktisch maakt voor evenementenposters en avondaanbiedingen.

- Sintel: `radial-gradient(circle at 75% 80%, #fb923c 0%, #9f1239 35%, #1c0708 80%)`
- Roest naar framboos: `linear-gradient(160deg, #1f0a0a 0%, #7c2d12 45%, #db2777 100%)`
- Laatste licht: `radial-gradient(ellipse at 50% 100%, #fdba74 0%, #be185d 40%, #2a0a14 85%)`

Donkere oranje en roze verlopen. Voeg korrel toe, want donkere warme mengsels vertonen makkelijk banding.

## Zo vermijd je het zonsondergangcliché

Oranje naar roze op een diagonaal van 45 graden is overal, van telefoonachtergronden tot app-iconen, dus het leest als standaard. Wil je de warmte zonder de preset, verander dan minstens een van de dingen hieronder. [Zonsondergangverlopen](https://gradiently.design/nl/guide/sunset-gradient) behandelt de letterlijke versie als je die wilt.

### Preset

- Fel oranje naar hardroze, twee stops
- Rechte diagonaal van 45 graden
- Kleur gelijkmatig verdeeld over het beeld
- Witte tekst over het felste deel

### Doordacht

- Eerst een ondergrond: crème, klei of sintel
- Licht uit één hoek met een radiaal verloop
- Ongelijke stops, met één leidende kleur
- Roesttekst op zachte versies, crèmetekst op donkere

## Tekstkleuren op oranje en roze

Oranje is een van de lichtste verzadigde kleuren, dus witte tekst op mandarijn of abrikoos is zwakker dan het lijkt. Diepe roest of gebrande omber is de betrouwbare tekstkleur op de zachte en felle versies; crème past bij de donkere. De verhoudingen gebruiken de WCAG-formule, waar 4,5:1 het gebruikelijke minimum voor lopende tekst is en [kleurcontrast](https://gradiently.design/nl/guide/color-contrast-accessibility) de rest uitlegt.

| Achtergrond | Tekst | Contrast | Oordeel |
| --- | --- | --- | --- |
| Abrikoos `#fb923c` | Wit | 2,3:1 | Faalt |
| Mandarijn `#f97316` | Wit | 2,8:1 | Faalt voor de meeste tekst |
| Perzik `#fed7aa` | Gebrande omber `#431407` | 11,6:1 | Uitstekend |
| Koraal `#fb7185` | Gebrande omber `#431407` | 5,8:1 | Goed |
| Dieporanje `#c2410c` | Wit | 5,2:1 | Goed |
| Framboos `#be185d` | Wit | 6,0:1 | Goed |

Als witte tekst belangrijk is voor je ontwerp, maak de stops erachter donkerder tot dieporanje of framboos.

Een staande barpromotie met crèmekleurige letters op een donker verloop dat oranje en framboos gloeit

Een barpromotie op sintel naar framboos, met crèmetekst op de donkere kant.

Een vierkant huidverzorgingsbericht met donkerbruine letters op een zacht perzik- en blushverloop

Een huidverzorgingsbericht op perzik en blush met tekst in gebrande omber.

## CSS voor een oranje en roze verloop

```css
.warm-hero {
  background-color: #fff7ed;
  background-image:
    radial-gradient(circle at 85% 20%, #fb7185 0%, transparent 45%),
    radial-gradient(circle at 10% 90%, #fdba74 0%, transparent 50%),
    linear-gradient(160deg, #fff7ed 0%, #fed7aa 100%);
  color: #431407;
}
```

Een crème ondergrond met een koraallicht rechtsboven en abrikoos linksonder, en tekst in gebrande omber.

Twee zachte radiale lichten over een bleke basis leggen geeft veel natuurlijkere warmte dan één diagonaal. Wil je warmte die onmiskenbaar van jou is, dan kun je op de Markt van Gradiently Marks zoeken op kleurwoorden zoals “koraal” of “perzik”. Elke Mark is uniek met precies één eigenaar tegelijk, en zodra jij hem claimt kan alleen jij ermee exporteren.

## FAQ

### Wat is een goede oranje en roze verloopcode?

Een helder klassiek exemplaar is `linear-gradient(135deg, #f97316 0%, #fb7185 50%, #ec4899 100%)`. Probeer voor een zachtere versie `linear-gradient(135deg, #fff7ed 0%, #fed7aa 50%, #fecdd3 100%)`.

### Passen oranje en roze bij elkaar?

Ja. Het zijn buren op het kleurenwiel met koraal ertussen, dus ze mengen netjes en voelen warm.

### Welke tekstkleur past op een oranje en roze verloop?

Diepe roest of gebrande omber zoals `#431407` leest goed op zachte en felle versies. Wit werkt alleen op de diepere stops, zoals `#c2410c` of `#be185d`.

### Hoe laat ik een oranje en roze verloop minder op een zonsondergang lijken?

Begin bij een ondergrond zoals crème, klei of donkere sintel, laat het licht uit één hoek komen in plaats van langs een diagonaal en laat één kleur leiden.

### Welke kleur ligt tussen oranje en roze?

Koraal, rond `#fb7185`, met zalm en watermeloen als naaste verwanten.