Orange och rosa gradienter: varma koder bortom solnedgången

En orange och rosa gradient blandar två varma grannar: mandarin som #f97316 eller persika som #fed7aa på ena sidan, rosa som #ec4899 eller rodnad som #fda4af på den andra, vanligen med korall emellan. Eftersom nyanserna ligger sida vid sida blir blandningen aldrig lerig. Det den kan bli är förutsägbart, eftersom kombinationen är en förkortning för solnedgång. Koderna nedan är grupperade efter stämning, från mjuk persika till mörk glöd, så att du kan välja en version som känns som din i stället för som en mobilbakgrund.

Färger mellan orange och rosa

Gå från orange till rosa så passerar du korall, lax och vattenmelon, alla mättade och varma. Gör vandringen ljusare och du får aprikos, persika och rodnad. Gör den mörkare och du får rost, terrakotta och hallon. De flesta bra orange och rosa gradienter använder tre stopp från samma ljushetsband i stället för ett hopp från blek persika till het rosa.

Mjuka persiko- och rodnadsgradienter

Blek orange och rosa tillsammans känns som hud, linne och tidigt morgonljus. Det gör dem till en naturlig match för hudvård, bröllop, välmående och bagerier. De fotograferas också bra bakom produkter, eftersom de smickrar varma toner. Sätt text i en djup rost snarare än svart, det behåller värmen.

Gradienter i korall, grapefrukt och vattenmelon

Mättad orange och rosa är ren sommar: grapefruktjuice, strandhanddukar, festivalaffischer. De är högljudda nog att stoppa en scroll och vänliga nog att inte kännas aggressiva. Håll dem borta från mycket liten text och ge dem ett lugnt hörn.

Jordnära terrakotta och dammig ros

Dämpa båda färgerna så blir paret lugnt och förankrat, paletten hos lerkrukor, torkade blommor och solbakade väggar. Det är den mest underanvända versionen och ofta den mest eleganta. Den sitter bekvämt med oliv, sand och crème, och fungerar bra tillsammans med jordtonspaletter.

Gradienter i mörk glöd och hallon

Utgå från en djupbrun eller plommonfärgad bakgrund och låt orange och rosa glöda ur den, så slutar paret vara gladlynt och blir intimt: levande ljus, glöd, en cocktailmeny. De här bär ljus text lätt, vilket gör dem praktiska för evenemangsaffischer och kvällserbjudanden.

Så undviker du solnedgångsklichén

Orange till rosa på en diagonal på 45 grader finns överallt, från mobilbakgrunder till appikoner, så den läses som ett standardval. Vill du ha värmen utan förinställningen, ändra minst en av sakerna nedan. Solnedgångsgradienter tar upp den bokstavliga versionen om det är det du vill ha.

Textfärger på orange och rosa

Orange är en av de ljusaste mättade färgerna, så vit text på mandarin eller aprikos är svagare än den ser ut. Djup rost eller bränd umbra är den pålitliga textfärgen på de mjuka och klara versionerna, crème passar de mörka. Förhållandena använder WCAG-formeln, där 4,5:1 är det vanliga minimumet för brödtext, och färgkontrast förklarar resten.

CSS för orange och rosa gradient

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

Att lägga två mjuka radiella ljus över en blek bas ger en mycket mer naturlig värme än en enda diagonal. Vill du ha värme som oomtvistligt är din egen låter Marknaden i Gradiently dig söka Marks efter färgord som ”korall” eller ”persika”. Varje Mark är unik med exakt en ägare i taget, och när du har säkrat den är det bara du som kan exportera med den.