Marked
Priser
Logg innStart
DesignguidenFarger
Farger

Oransje og rosa gradienter: varme uten solnedgangsklisjeen

Oransje og rosa er nabofarger og gir en av de varmeste og enkleste blandingene som finnes. Utfordringen er ikke å blande dem, men å unngå å ligne alle de ferdige solnedgangsvariantene.

GradientlyVerifisert Gradiently-konto·1. oktober 2026·5 min lesetid
Omslag: High Sonnet · GR·D4G9·GE

Kortversjonen

  • En oransje og rosa gradient blander varme nabofarger som mandarin #f97316, korall #fb7185 og rosa #ec4899, slik at overgangen forblir klar uten en mellomfarge.
  • Fargeparet er så tett knyttet til solnedganger at en enkel diagonal fra oransje til rosa virker som en ferdiginnstilling. Endre bakgrunnen eller lysheten for å unngå det.
  • Sterk oransje og knallrosa er begge for lyse for liten hvit tekst, mens dyp rust eller brent brun gir god lesbarhet på de mykere variantene.
  • Jordnære varianter med terrakotta og støvet rosa virker rolige og modne, mens mørke varianter med glør og bringebær føles varme og nattlige.
  • Oransje og rosa passer til mat, drikke, skjønnhet, sommerkampanjer, reiser og merkevarer som vil virke varme og innbydende.
På denne siden
Fargene mellom oransje og rosaMyke gradienter i fersken og blek rosaGradienter i korall, grapefrukt og vannmelonJordnær terrakotta og støvet rosaMørke gradienter i glør og bringebærSlik unngår du solnedgangsklisjeenTekstfarger på oransje og rosaCSS for oransje og rosa gradienter

En oransje og rosa gradient blander to varme naboer: mandarin som #f97316 eller fersken som #fed7aa på den ene siden, rosa som #ec4899 eller blek rosa som #fda4af på den andre, vanligvis med korall imellom. Fordi kulørene ligger ved siden av hverandre, blir blandingen aldri grumsete. Den kan derimot bli forutsigbar, fordi kombinasjonen er et kortuttrykk for solnedgang. Kodene nedenfor er gruppert etter stemning, fra myk fersken til mørke glør, så du kan velge en variant som føles som din fremfor som en mobilbakgrunn.

Fargene mellom oransje og rosa

På veien fra oransje til rosa passerer du korall, lakserosa og vannmelon, alle mettede og varme. Gjør overgangen lysere, så får du aprikos, fersken og blek rosa. Gjør den mørkere, så får du rust, terrakotta og bringebær. De fleste gode oransje og rosa gradienter bruker tre stopp med omtrent samme lyshet fremfor et sprang fra blek fersken til knallrosa.

Spekteret fra oransje til rosa, med krem og to mørke bruntoner til bakgrunner og tekst.

Myke gradienter i fersken og blek rosa

Lys oransje og rosa sammen minner om hud, lin og tidlig morgenlys. Det gjør dem til naturlige valg for hudpleie, bryllup, velvære og bakerier. De fotograferes også godt bak produkter fordi de fremhever varme toner. Sett teksten i dyp rust fremfor svart for å beholde varmen.

Myk oransje og rosa. Tekst i rust eller brent umbra er lesbar på alle tre. Ferskengradienter har flere fra denne familien.

Gradienter i korall, grapefrukt og vannmelon

Mettet oransje og rosa er ren sommer: grapefruktjuice, strandhåndklær og festivalplakater. De er sterke nok til å stoppe skrollingen og vennlige nok til ikke å virke aggressive. Unngå svært liten tekst, og gi dem et rolig hjørne.

Sterke oransje og rosa gradienter. Hvert stopp er en nær nabo av det neste, så midten forblir livlig. Korallgradienter går dypere.

Jordnær terrakotta og støvet rosa

Demp begge fargene, så blir paret rolig og jordnært: paletten fra leirpotter, tørkede blomster og solbakte vegger. Dette er den minst brukte varianten og ofte den mest elegante. Den trives med oliven, sand og krem, og fungerer godt sammen med jordfargepaletter.

Dempet oransje og rosa. De føles håndlagde og rolige, og passer interiør, keramikk, blomsterbutikker og merkevarer for et roligere liv.

Bak produktbilder

Varme, dempede blandinger fremhever hud, tre, brød og keramikk fordi de gjentar disse fargene. Velg et stopp fra selve produktet og bygg gradienten utover fra det. Bakgrunner for produktbilder viser hvordan.

Mørke gradienter i glør og bringebær

Start med en dyp brun eller plommefarget bunn, og la oransje og rosa gløde ut fra den. Paret går da fra muntert til intimt: levende lys, glør og en cocktailmeny. Lys tekst er lett å lese på dem, så de er praktiske til arrangementsplakater og kveldstilbud.

Mørke oransje og rosa gradienter. Legg til korn, for mørke, varme blandinger får lett synlige bånd.

Slik unngår du solnedgangsklisjeen

Oransje til rosa på en 45 graders diagonal finnes overalt, fra mobilbakgrunner til appikoner, og virker derfor som en standardinnstilling. Vil du ha varmen uten det ferdige uttrykket, endrer du minst én av tingene nedenfor. Solnedgangsgradienter dekker den bokstavelige varianten hvis det er den du ønsker.

Ferdiginnstilling

  • Knalloransje til knallrosa, to stopp
  • Rett diagonal på 45 grader
  • Fargen jevnt fordelt over bildet
  • Hvit tekst på det lyseste området

Gjennomtenkt

  • En bunn først: krem, leire eller glør
  • Lys fra ett hjørne med en radial gradient
  • Ujevne stopp, med én dominerende farge
  • Rustfarget tekst på myke varianter, krem på mørke

Tekstfarger på oransje og rosa

Oransje er en av de lyseste mettede fargene, så hvit tekst på mandarin eller aprikos er svakere enn den ser ut. Dyp rust eller brent umbra er pålitelige tekstfarger på de myke og sterke variantene, mens krem passer de mørke. Forholdstallene bruker WCAG-formelen, der 4,5:1 er det vanlige minimumet for brødtekst. Fargekontrast forklarer resten.

Aprikos #fb923c

Tekst

Hvit

Kontrast

2,3:1

Vurdering

Oppfyller ikke kravet
Mandarin #f97316

Tekst

Hvit

Kontrast

2,8:1

Vurdering

For lav kontrast for de fleste tekster
Fersken #fed7aa

Tekst

Brent umbra #431407

Kontrast

11,6:1

Vurdering

Utmerket
Korall #fb7185

Tekst

Brent umbra #431407

Kontrast

5,8:1

Vurdering

God
Dyp oransje #c2410c

Tekst

Hvit

Kontrast

5,2:1

Vurdering

God
Bringebær #be185d

Tekst

Hvit

Kontrast

6,0:1

Vurdering

God
BakgrunnTekstKontrastVurdering
Aprikos #fb923cHvit2,3:1Oppfyller ikke kravet
Mandarin #f97316Hvit2,8:1For lav kontrast for de fleste tekster
Fersken #fed7aaBrent umbra #43140711,6:1Utmerket
Korall #fb7185Brent umbra #4314075,8:1God
Dyp oransje #c2410cHvit5,2:1God
Bringebær #be185dHvit6,0:1God
Hvis hvit tekst er viktig for designet, mørkner du stoppene bak den til dyp oransje eller bringebær.
Terrassebar
Spritz fra klokken 5.
Blodappelsin, rabarbra, rose
Gradiently · @gradiently

En barannonse fra glør til bringebær, med kremfarget tekst på den mørke siden.

Glød, ikke glans.

Et hudpleieinnlegg i fersken og blek rosa med tekst i brent umbra.

CSS for oransje og rosa gradienter

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;
}
En kremfarget bunn med koralllys øverst til høyre, aprikos nederst til venstre og tekst i brent umbra.

To myke radiale lys over en lys bunn gir langt mer naturlig varme enn én diagonal. Vil du ha varme som tydelig er din, kan du søke etter Marker med fargeord som «korall» eller «fersken» på Markedet i Gradiently. Hver Mark er unik og har nøyaktig én eier om gangen. Når du har sikret deg den, er det bare du som kan eksportere med den.

Finn en gradient som bare er din

Bla gjennom tusenvis av Marks, design gratis med hvilken som helst av dem, og sikre deg den som føles som deg.

Bla i Markedet

Spørsmål folk stiller

Hva er en god kode for en oransje og rosa gradient?

En sterk klassiker er linear-gradient(135deg, #f97316 0%, #fb7185 50%, #ec4899 100%). Prøv linear-gradient(135deg, #fff7ed 0%, #fed7aa 50%, #fecdd3 100%) for en mykere variant.

Passer oransje og rosa sammen?

Ja. De er naboer på fargesirkelen med korall imellom, så de glir rent sammen og føles varme.

Hvilken tekstfarge passer på en oransje og rosa gradient?

Dyp rust eller brent umbra som #431407 er lett å lese på myke og sterke varianter. Hvit fungerer bare på de mørkere stoppene, som #c2410c eller #be185d.

Hvordan får jeg en oransje og rosa gradient til å ligne mindre på en solnedgang?

Start med en bunn som krem, leire eller mørke glør, la lyset komme fra ett hjørne fremfor en diagonal, og la én farge dominere.

Hvilken farge ligger mellom oransje og rosa?

Korall, omtrent #fb7185, med lakserosa og vannmelon som nære slektninger.

Del denne guiden

Skrevet av GradientlyVerifisert Gradiently-konto

Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.

Se profilen vår

På denne siden

Fargene mellom oransje og rosaMyke gradienter i fersken og blek rosaGradienter i korall, grapefrukt og vannmelonJordnær terrakotta og støvet rosaMørke gradienter i glør og bringebærSlik unngår du solnedgangsklisjeenTekstfarger på oransje og rosaCSS for oransje og rosa gradienter

Del denne guiden

Neste i Farger

Grønn og blå gradient: friske koder med naturlig uttrykk

Les videre

Alle guider om Farger
Farger

Solnedgangsgradienter: oransje, korall og skumring

5 min lesetid

De fleste solnedgangsgradienter går galt på samme sted: i midten, der blått møter oransje og blir grått. En ekte himmel gjør aldri det. Her er rekkefølgen naturen bruker, og ti paletter bygget på den.

Farger

Ferskengradient: myke, varme koder for milde merkevarer

4 min lesetid

Fersken er stillferdig varme: fargen på frisk hud, moden frukt og ettermiddagslys. Den passer milde merkevarer, så lenge den ikke virker utvasket. Her er kodene og reglene som holder uttrykket friskt.

Farger

Korallgradient: livlige koder mellom rosa og oransje

4 min lesetid

Korall ligger akkurat der rosa blir oransje, med varmen fra den ene og sjarmen fra den andre. Den er livlig, vennlig og overraskende vanskelig å sette tekst på. Her er kodene og løsningene.

Finn uttrykket som bare er ditt.

Hver Mark er en levende bakgrunn med én eier. Prøv en ledig Mark og sikre deg din når det føles riktig.

Begynn å designe

Sjekk et sertifikat

Skriv inn et sertifikatnummer eller en Mark-kode for å se hvem som eier den.

Virker med ChatGPT og Claude

Be AI-en din om et design. Den lager det i din Mark, klart til å redigere.

ChatGPTClaude
Slik kobler du til

Produkt

  • Marked
  • Utforsk
  • Priser
  • Sertifikater

Lær

  • Designguiden
  • Hjelpesenter
  • Hva er nytt

Utviklere

  • Oversikt
  • ChatGPT og Claude
  • API-referanse
  • API-nøkler

Selskap

  • Om oss
  • Kontakt oss
  • Logg inn

Juridisk

  • Vilkår
  • Personvern
  • Refusjoner
  • Mark-beskyttelse
  • Informasjonskapsler
  • Alle retningslinjer
Beveg deg over bokstavene. Hver av dem bærer en ekte Mark.Trykk på en bokstav for å se Marken.Ett navn. Ti Marks inni det.
© 2026 Gradiently