Oranje en roze verlopen: warme codes voor elke sfeer

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.

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.

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.

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.

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.

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 behandelt de letterlijke versie als je die wilt.

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 de rest uitlegt.

CSS voor een oranje en roze verloop

.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;
}

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.