Die Kurzfassung
- Ein Orange-Rosa-Farbverlauf mischt benachbarte warme Töne wie Mandarine #f97316, Koralle #fb7185 und Pink #ec4899, sodass der Übergang ohne Brückenfarbe leuchtend bleibt.
- Das Paar ist so eng mit Sonnenuntergängen verbunden, dass eine schlichte Diagonale von Orange zu Rosa wie eine Vorlage wirkt; ein anderer Grund oder eine andere Helligkeit vermeidet das.
- Leuchtendes Orange und knalliges Pink sind beide zu hell für kleine weiße Schrift, während ein tiefes Rost oder Brandbraun auf den weicheren Varianten gut lesbar ist.
- Erdige Varianten mit Terrakotta und Altrosa wirken ruhig und erwachsen, dunkle Varianten mit Glut und Himbeere warm und nächtlich.
- Orange und Rosa passen zu Essen, Getränken, Beauty, Sommerkampagnen, Reisen und jeder Marke, die warm und einladend wirken will.
Auf dieser Seite
Ein Orange-Rosa-Farbverlauf mischt zwei warme Nachbarn: auf der einen Seite Mandarine wie #f97316 oder Pfirsich wie #fed7aa, auf der anderen Pink wie #ec4899 oder Blush wie #fda4af, meist mit Koralle dazwischen. Weil die Töne nebeneinander liegen, wird die Mischung nie schlammig. Vorhersehbar ist dagegen, wonach sie aussieht: Die Kombination ist die Kurzform für Sonnenuntergang. Die Codes unten sind nach Stimmung geordnet, von sanftem Pfirsich bis dunkler Glut, damit du eine Version findest, die nach dir aussieht und nicht nach Handy-Hintergrund.
Farben zwischen Orange und Rosa
Wer von Orange zu Rosa geht, kommt an Koralle, Lachs und Wassermelone vorbei, alle satt und warm. Heller wird daraus Aprikose, Pfirsich und Blush. Dunkler werden Rost, Terrakotta und Himbeere. Die meisten guten Orange-Rosa-Verläufe nutzen drei Stopps aus demselben Helligkeitsbereich, statt von blassem Pfirsich auf knalliges Pink zu springen.
Sanfte Pfirsich- und Blush-Verläufe
Helles Orange und Rosa zusammen wirken wie Haut, Leinen und frühes Morgenlicht. Damit passen sie natürlich zu Hautpflege, Hochzeit, Wellness und Bäckereien. Hinter Produkten fotografieren sie sich auch gut, weil sie warme Töne schmeicheln. Setze Schrift in tiefem Rost statt in Schwarz; so bleibt die Wärme.
Koralle, Grapefruit und Wassermelone
Gesättigtes Orange und Rosa ist purer Sommer: Grapefruitsaft, Strandtücher, Festivalplakate. Diese Verläufe sind laut genug, um das Scrollen zu stoppen, und freundlich genug, um nicht aggressiv zu wirken. Halte sie von sehr kleiner Schrift fern und lass ihnen eine ruhige Ecke.
Erdiges Terrakotta und Altrosa
Dämpfe beide Farben, und das Paar wird ruhig und geerdet, die Palette von Tontöpfen, Trockenblumen und sonnengebackenen Wänden. Das ist die am wenigsten genutzte Variante und oft die eleganteste. Sie verträgt sich gut mit Olive, Sand und Creme und passt wunderbar zu Erdtönen als Farbpaletten.
Dunkle Glut- und Himbeer-Verläufe
Beginne mit einem tiefen Braun oder Pflaume als Grund und lass Orange und Rosa daraus glühen, dann ist das Paar nicht mehr fröhlich, sondern intim: Kerzenlicht, Glut, eine Cocktailkarte. Diese Verläufe tragen helle Schrift mühelos, was sie praktisch für Eventplakate und Abendangebote macht.
So vermeidest du das Sonnenuntergangs-Klischee
Orange zu Rosa auf einer 45-Grad-Diagonale ist überall, von Handy-Hintergründen bis zu App-Icons, und wirkt deshalb wie eine Voreinstellung. Willst du die Wärme ohne die Vorlage, ändere mindestens eines der Dinge unten. Sonnenuntergangs-Verläufe behandelt die wörtliche Version, falls du genau die willst.
Vorlage
- Knalliges Orange zu knalligem Pink, zwei Stopps
- Gerade 45-Grad-Diagonale
- Farbe gleichmäßig über den Rahmen verteilt
- Weiße Schrift auf der hellsten Stelle
Durchdacht
- Zuerst ein Grund: Creme, Ton oder Glut
- Licht aus einer Ecke mit radialem Verlauf
- Ungleiche Stopps, eine Farbe führt
- Rostschrift auf sanften Versionen, Cremeschrift auf dunklen
Schriftfarben auf Orange und Rosa
Orange gehört zu den hellsten gesättigten Farben, deshalb ist weiße Schrift auf Mandarine oder Aprikose schwächer, als sie aussieht. Tiefes Rost oder Brandumbra ist die verlässliche Schriftfarbe auf sanften und leuchtenden Versionen; Creme passt zu dunklen. Die Verhältnisse folgen der WCAG-Formel, bei der 4,5:1 das übliche Minimum für Fließtext ist; Farbkontrast erklärt den Rest.
#fb923cText
Kontrast
Urteil
#f97316Text
Kontrast
Urteil
#fed7aaText
#431407Kontrast
Urteil
#fb7185Text
#431407Kontrast
Urteil
#c2410cText
Kontrast
Urteil
#be185dText
Kontrast
Urteil
Eine Bar-Aktion in Glut bis Himbeere, mit Cremeschrift auf der dunklen Seite.
Ein Hautpflege-Post in Pfirsich und Blush mit Brandumbra-Schrift.
CSS für Orange-Rosa-Verläufe
.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;
}Zwei sanfte radiale Lichter über einer blassen Basis ergeben eine viel natürlichere Wärme als eine einzelne Diagonale. Wenn du eine Wärme willst, die unverkennbar deine ist, lässt dich der Markt von Gradiently Marks nach Farbwörtern wie „Koralle“ oder „Pfirsich“ durchsuchen. Jeder Mark ist ein Unikat mit genau einem Besitzer zur Zeit, und sobald du ihn dir sicherst, kannst nur du mit ihm exportieren.
Häufige Fragen
Was ist ein guter Code für einen Orange-Rosa-Farbverlauf?
Ein leuchtender Klassiker ist linear-gradient(135deg, #f97316 0%, #fb7185 50%, #ec4899 100%). Für eine sanftere Version probiere linear-gradient(135deg, #fff7ed 0%, #fed7aa 50%, #fecdd3 100%).
Passen Orange und Rosa zusammen?
Ja. Sie sind Nachbarn im Farbkreis mit Koralle dazwischen, deshalb mischen sie sich sauber und wirken warm.
Welche Schriftfarbe passt auf einen Orange-Rosa-Farbverlauf?
Ein tiefes Rost oder Brandumbra wie #431407 liest sich auf sanften und leuchtenden Versionen gut. Weiß funktioniert nur auf den tieferen Stopps, etwa #c2410c oder #be185d.
Wie sieht ein Orange-Rosa-Farbverlauf weniger nach Sonnenuntergang aus?
Beginne mit einem Grund wie Creme, Ton oder dunkler Glut, belichte ihn aus einer Ecke statt diagonal und lass eine Farbe führen.
Welche Farbe liegt zwischen Orange und Rosa?
Koralle, etwa #fb7185, mit Lachs und Wassermelone als nahen Verwandten.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen