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
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.
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.
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.
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.
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.
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.
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.
#fdba74Witte tekst
Donkere tekst #1c1917
#f97316Witte tekst
Donkere tekst #1c1917
#ea580cWitte tekst
Donkere tekst #1c1917
#c2410cWitte tekst
Donkere tekst #1c1917
#9a3412Witte tekst
Donkere tekst #1c1917
Als het felste oranje recht achter de kop loopt, gaan de woorden met de kleur vechten.
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.
.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 */
}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.
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.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel