Markt
Prijzen
InloggenBegin
PraktijkgidsKleur
Kleur

Oranje verloop: 25 warme codes van perzik tot gebrand

Oranje is een van de warmste kleuren die je op een scherm kunt zetten, en een van de makkelijkste om verkeerd te doen. Hier zijn 25 kopieerbare mengsels per sfeer, plus de combinaties en tekstregels waardoor ze werken.

GradientlyGeverifieerd Gradiently-account·1 oktober 2026·5 min lezen
Cover: Ember Bloom · GR·4Q6W·S8

De korte versie

  • Een oranje verloop komt warm, vriendelijk en energiek over, en de sfeer verandert sterk naarmate de oranjetinten lichter of donkerder zijn.
  • Oranje gaat netjes over in zijn buren: geel, amber, rood, roze en bruin.
  • Oranje rechtstreeks in blauw of petrol laten overlopen levert meestal een grijs of modderig midden op, dus houd complementaire kleuren apart als accent.
  • Witte tekst haalt het contrast niet op fel oranje zoals #f97316; gebruik daar bijna zwarte of diepbruine tekst, of zet witte tekst op gebrand oranje of donkerder.
  • Donkere ondergronden met één oranje lichtbron ogen premium, terwijl lichte perzikmengsels passen bij zachte, alledaagse merken.
Op deze pagina
Zachte oranje verlopen: perzik en abrikoosFelle oranje verlopen: mandarijn en citrusZonsondergang en amber oranje verlopenGebrand oranje en roest verlopenOranje licht op een donkere ondergrondKleuren die passen bij een oranje verloopTekst op oranje verlopenCSS voor een oranje verloop

Een oranje verloop mengt twee of meer oranjetinten, vaak met een naburig geel, rood of roze, en weinig mengsels voelen warmer. Lichte perzik- en abrikoosversies voelen zacht en gastvrij, fel mandarijn voelt luid en speels, en gebrand oranje of roest voelt aards en volwassen. Hieronder staan 25 codes per sfeer, gevolgd door waarmee je ze combineert en hoe je er tekst op zet zonder je woorden te verliezen.

Zachte oranje verlopen: perzik en abrikoos

Bleke oranjetinten zijn de vriendelijkste ingang tot de kleur. Ze liggen dicht bij huid, brood en het licht van de late middag, en daarom leunen bakkers, huidverzorging en kindermerken erop. Houd de lichtste stop bijna crème, zodat het mengsel een rustige plek heeft om op uit te rusten. Een heel artikel over het bleekste uiteinde vind je bij perzik verlopen.

Vijf bleke oranje verlopen. Elk begint dicht bij crème, dus er is altijd een rustig vlak voor donkere tekst.

Felle oranje verlopen: mandarijn en citrus

Verzadigd oranje is pure energie. Het past bij aanbiedingen, maaltijdbezorging, sport, festivals en alles wat op miniatuurformaat moet opvallen. Het risico is dat fel oranje uitvlakt tot één luid blok, dus geef het een lichtere stop richting geel of een diepere richting rood. Die kleine verschuiving zorgt dat het op licht lijkt in plaats van op verf.

Felle oranjetinten werken het best met één stop die naar geel of roze neigt. Het mengsel leest dan als licht, niet als een vlakke vulling.

Zonsondergang en amber oranje verlopen

Laat je oranje verticaal lopen van goud bovenaan naar rood of pruim onderaan, dan krijg je een zonsondergang, waarschijnlijk het bekendste verloop dat er is. Ambermengsels zijn de rustigere neef: honing-, marmelade- en whiskytinten die rijk voelen zonder te schreeuwen. Wil je de volledige luchtbehandeling, dan gaat zonsondergangverlopen verder.

Verticale mengsels lezen als lucht. Zet de lichtste kleur bovenaan en de horizonkleur laag.

Gebrand oranje en roest verlopen

Duw oranje richting bruin en het wordt terracotta, roest en koper: kleuren van kleipotten, herfstbladeren en oud leer. Die voelen vakkundig en doordacht, dus ze passen bij interieurs, koffie, keramiek, buitenmerken en alles met een handgemaakt verhaal. Ze dragen ook veel beter witte tekst dan fel oranje.

Gebrande oranjetinten zitten dicht bij bruin. Ze zijn rustiger, warmer en beter achter witte tekst.

Oranje licht op een donkere ondergrond

De meest premium manier om oranje te gebruiken is spaarzaam. Begin bij bijna zwart, diepbruin of marineblauw, en laat één oranje vanuit een hoek gloeien als een sintel of een straatlantaarn. Zo behandel je laatavondevenementen, restaurants, muziek en alles wat warm moet voelen na donker. Donkere mengsels vertonen makkelijk banding, dus lees donkere verloopachtergronden voordat je exporteert.

Eén oranje licht, veel donker. De ondergrond zorgt voor de sfeer; het oranje hoeft alleen te gloeien.

Kleuren die passen bij een oranje verloop

Oranje heeft twee soorten goede partners. Buren zoals geel, roze en rood gaan er rechtstreeks in over. Tegenpolen zoals diepblauw en petrol laten het trillen, maar die horen naast het oranje als accent, niet in hetzelfde mengsel, want het middelpunt tussen beide wordt grijs. Modderige verlopen legt uit waarom, en complementaire kleuren laat zien hoe je die aantrekkingskracht veilig gebruikt.

Een werkend oranje palet: een crème ondergrond, drie oranjetinten, een donkerbruin voor tekst en twee koele accenten buiten het mengsel.

Tekst op oranje verlopen

Hier mislukken de meeste oranje ontwerpen. Wit op fel mandarijn ziet er gedurfd uit maar heeft een contrastverhouding van ongeveer 2,8 op 1, ruim onder de 4,5 op 1 die WCAG voor lopende tekst vraagt. Bijna zwart op dezelfde oranje scoort boven 6 op 1. De regel is simpel: donkere tekst op lichte en felle oranjetinten, witte tekst pas vanaf gebrand oranje en donkerder. De volledige methode staat in kleurcontrast en toegankelijkheid.

Abrikoos #fdba74

Witte tekst

Faalt

Donkere tekst #1c1917

Haalt het ruim
Mandarijn #f97316

Witte tekst

Ongeveer 2,8:1, faalt

Donkere tekst #1c1917

Ongeveer 6,2:1, haalt het
Dieporanje #ea580c

Witte tekst

Ongeveer 3,6:1, alleen grote tekst

Donkere tekst #1c1917

Haalt het
Gebrand oranje #c2410c

Witte tekst

Ongeveer 5,2:1, haalt het

Donkere tekst #1c1917

Zwak
Roest #9a3412

Witte tekst

Ongeveer 7,3:1, haalt het

Donkere tekst #1c1917

Faalt
AchtergrondWitte tekstDonkere tekst #1c1917
Abrikoos #fdba74FaaltHaalt het ruim
Mandarijn #f97316Ongeveer 2,8:1, faaltOngeveer 6,2:1, haalt het
Dieporanje #ea580cOngeveer 3,6:1, alleen grote tekstHaalt het
Gebrand oranje #c2410cOngeveer 5,2:1, haalt hetZwak
Roest #9a3412Ongeveer 7,3:1, haalt hetFaalt
Contrast gemeten tegen een vlakke kleur. Test bij een verloop het lichtste punt achter je woorden.
Alleen deze week
Lekkers voor de voorjaarsvakantie.
Elke ochtend verse sinaasappelbroodjes
Gradiently · @gradiently

Als het felste oranje recht achter de kop loopt, gaan de woorden met de kleur vechten.

Alleen deze week
Lekkers voor de voorjaarsvakantie.
Elke ochtend verse sinaasappelbroodjes
Gradiently · @gradiently

Hetzelfde bericht met een rustiger vlak achter de woorden en een daarop gekozen tekstkleur.

Gradiently regelt dit deel voor je. Een Mark weet waar de woorden staan: hij verplaatst zijn rustigste gebied erachter en Auto-inkt kiest regel voor regel lichte of donkere tekst uit het eigen palet van de Mark, zodat een oranje ontwerp op elk formaat leesbaar blijft zonder vakken of schaduwen.

CSS voor een oranje verloop

Elke code hierboven is één CSS-waarde die je in background kunt plakken. Leg voor een sectie die zowel warmte als diepte nodig heeft een radiaal licht over een lineaire basis, en stel altijd een effen terugvalkleur in. Lees CSS lineaire verlopen voor de volledige syntaxis.

css
.hero {
  background-color: #9a3412; /* fallback */
  background-image:
    radial-gradient(circle at 78% 22%, #fdba74 0%, transparent 40%),
    linear-gradient(160deg, #f97316 0%, #c2410c 55%, #7c2d12 100%);
  color: #ffffff; /* safe here: the words sit on the darker lower half */
}
Een helder abrikooslicht over een basis van mandarijn naar roest. Zet de kop laag en links, waar de kleur het diepst is.

Wil je een oranje look waar niemand anders mee post, blader dan op de Markt naar warme Marks: zoek op woorden als “gebrand oranje” of “abrikoos”, ontwerp gratis met een ongeclaimde Mark en claim hem als hij je merk wordt.

Vind een kleurverloop dat alleen van jou is

Blader door duizenden Marks, ontwerp er gratis mee en claim de Mark die bij je past.

Bekijk de Markt

Vragen die mensen stellen

Welke kleuren passen goed bij een oranje verloop?

Geel, roze, rood en bruin gaan rechtstreeks in oranje over. Diepblauw en petrol zijn sterke accenten, maar houd ze naast het oranje en niet in hetzelfde mengsel.

Wat is de hexcode van gebrand oranje?

Er is geen enkele officiële code, maar #c2410c en #cc5500 worden allebei veel gebruikt. Een gebrand oranje verloop zoals linear-gradient(135deg, #ea580c, #9a3412) geeft het diepte.

Kan ik witte tekst op een oranje verloop zetten?

Alleen op de donkerdere oranjetinten. Wit op fel mandarijn haalt het contrast niet, dus gebruik daar bijna zwart en bewaar witte tekst voor gebrand oranje, roest en donkerder.

Waarom ziet mijn oranje-blauwe verloop er in het midden grijs uit?

Oranje en blauw liggen tegenover elkaar op het kleurenwiel, dus de kleuren ertussen verliezen verzadiging. Voeg een roze of paarse stop ertussen toe, of houd ze als aparte vlakken.

Wat zegt een oranje verloop over een merk?

Oranje komt meestal warm, vriendelijk, speels en betaalbaar over. Donkerdere, gebrande versies schuiven dat richting vakmanschap en zelfvertrouwen.

Deel deze gids

Geschreven door GradientlyGeverifieerd Gradiently-account

Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.

Bekijk ons profiel

Op deze pagina

Zachte oranje verlopen: perzik en abrikoosFelle oranje verlopen: mandarijn en citrusZonsondergang en amber oranje verlopenGebrand oranje en roest verlopenOranje licht op een donkere ondergrondKleuren die passen bij een oranje verloopTekst op oranje verlopenCSS voor een oranje verloop

Deel deze gids

Volgende in Kleur

Geel verloop: heldere codes die niet groen worden

Lees verder

Alle gidsen over Kleur
Kleur

Zonsondergang-kleurverlopen: oranje, koraal en schemering

5 min lezen

De meeste zonsondergang-kleurverlopen gaan op dezelfde plek mis: het midden, waar blauw oranje ontmoet en grijs wordt. Een echte lucht doet dat nooit. Dit is de volgorde van de natuur, met tien paletten die erop zijn gebouwd.

Kleur

Perzik verloop: zachte warme codes voor vriendelijke merken

5 min lezen

Perzik is warmte zonder volume: de kleur van goede huid, rijp fruit en licht aan het eind van de middag. Perfect voor vriendelijke merken, zolang het er nooit verbleekt uitziet. Hier staan codes en de regels die het fris houden.

Kleur

Rode kleurverlopen: energie zonder alarm

6 min lezen

Rood trekt sneller de aandacht dan elke andere kleur, en precies daarom gaat het mis. Zo bouw je rode kleurverlopen die levend, warm en zelfverzekerd aanvoelen in plaats van luid.

Vind de look die alleen van jou is.

Elke Mark is een levende achtergrond met één eigenaar. Probeer een beschikbare Mark en claim de jouwe als het goed voelt.

Begin met ontwerpen

Controleer een certificaat

Typ een certificaatnummer of de code van een Mark om te zien wie hem bezit.

Werkt met ChatGPT en Claude

Vraag je AI om een ontwerp. Hij maakt het in jouw Mark, klaar om te bewerken.

ChatGPTClaude
Zo verbind je

Product

  • Markt
  • Verkennen
  • Prijzen
  • Certificaten

Leren

  • Praktijkgids
  • Helpcentrum
  • Wat is er nieuw

Ontwikkelaars

  • Overzicht
  • ChatGPT en Claude
  • API-referentie
  • API-keys

Bedrijf

  • Over ons
  • Contact
  • Inloggen

Juridisch

  • Voorwaarden
  • Privacy
  • Terugbetalingen
  • Mark-bescherming
  • Cookies
  • Alle beleidsstukken
Beweeg over de letters. Elke letter draagt een echte Mark.Raak een letter aan om zijn Mark te zien.Eén naam. Tien Marks erin.
© 2026 Gradiently