Orange og pink gradienter: varme koder ud over solnedgangen

En orange og pink gradient blander to varme naboer: mandarin som #f97316 eller fersken som #fed7aa på den ene side, pink som #ec4899 eller rosa som #fda4af på den anden, som regel med koral imellem. Fordi kulørerne ligger side om side, bliver blandingen aldrig mudret. Det, den kan blive, er forudsigelig, for kombinationen er en genvej til solnedgang. Koderne nedenfor er ordnet efter stemning, fra blød fersken til mørk glød, så du kan vælge en version, der føles som din og ikke som en telefonbaggrund.

Farverne mellem orange og pink

Går du fra orange til pink, passerer du koral, laks og vandmelon, alle mættede og varme. Gør du turen lysere, får du abrikos, fersken og rosa. Gør du den mørkere, får du rust, terrakotta og hindbær. De fleste gode orange og pink gradienter bruger tre stop fra samme lyshedsbånd frem for et spring fra bleg fersken til knaldpink.

Bløde fersken- og rosagradienter

Blege orange og pink nuancer sammen føles som hud, hør og tidligt morgenlys. Det gør dem til et naturligt valg til hudpleje, bryllupper, wellness og bagerier. De tager sig også godt ud bag produkter på fotos, fordi de klæder varme toner. Sæt tekst i en dyb rust frem for sort; det bevarer varmen.

Gradienter i koral, grapefrugt og vandmelon

Mættet orange og pink er ren sommer: grapefrugtjuice, badehåndklæder, festivalplakater. De er højlydte nok til at stoppe en scroll og venlige nok til ikke at føles aggressive. Hold dem væk fra meget lille tekst, og giv dem et roligt hjørne.

Jordnær terrakotta og støvet rosa

Dæmp begge farver, og parret bliver roligt og jordbundet, paletten fra lerkrukker, tørrede blomster og solbagte mure. Det er den mest oversete version og ofte den mest elegante. Den passer fint sammen med oliven, sand og creme og fungerer godt ved siden af jordfarvepaletter.

Mørke gradienter i glød og hindbær

Start fra en dyb brun eller blommefarvet bund, og lad orange og pink gløde ud af den, så holder parret op med at være muntert og bliver intimt: levende lys, gløder, et cocktailkort. De bærer let lys tekst, hvilket gør dem praktiske til eventplakater og aftentilbud.

Sådan undgår du solnedgangsklichéen

Orange til pink på en diagonal i 45 grader er overalt, fra telefonbaggrunde til appikoner, så den virker som en standard. Vil du have varmen uden forudindstillingen, så ændr mindst én af tingene nedenfor. Solnedgangsgradienter dækker den bogstavelige version, hvis det er den, du vil have.

Tekstfarver på orange og pink

Orange er en af de lyseste mættede farver, så hvid tekst på mandarin eller abrikos er svagere, end den ser ud. Dyb rust eller brændt umbra er den pålidelige tekstfarve på de bløde og klare versioner; creme passer til de mørke. Forholdene bruger WCAG-formlen, hvor 4,5:1 er det almindelige minimum for brødtekst, og farvekontrast forklarer resten.

CSS til orange og pink gradienter

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

To bløde radiale lys over en bleg bund giver en langt mere naturlig varme end én enkelt diagonal. Vil du have en varme, der umiskendeligt er din, kan du i Markedet i Gradiently søge efter Marks med farveord som »koral« eller »fersken«. Hver Mark er unik med præcis én ejer ad gangen, og når du har sikret dig den, er det kun dig, der kan eksportere med den.