20 moderne Tangerine-Farbpaletten mit Hex-Codes für Stil und Inspiration

Mandarine ist ein modernes, warmes Orange, das sich energetisch anfühlt, ohne ins Neonhafte zu gehen – ideal für Marken, die Positivität, Dynamik und Klarheit vermitteln möchten. Es lässt sich zudem wunderbar sowohl mit sanften Neutralfarben als auch mit satten, kontrastreichen Akzenttönen für gut lesbare Oberflächen und Printmedien kombinieren.

Nachfolgend finden Sie 20 Mandarinen-Farbpaletten mit HEX-Codes sowie praktische Tipps und KI-Prompts, die Sie kopieren können, um passende Visuals für Anzeigen, Poster, Onboarding-Screens und Brandkits zu erstellen.

Warum Mandarinen-Farbpaletten so gut funktionieren

Mandarine trifft einen perfekten Punkt: warm genug, um freundlich und appetitanregend zu wirken, aber auch hell genug, um sofort Aufmerksamkeit bei Handlungsaufforderungen, Badges und wichtigen Infos zu erzeugen. Besonders effektiv ist sie in modernen Layouts, in denen Energie gefragt ist, aber keine visuelle Unruhe entstehen soll.

Aus Usability-Perspektive funktioniert Mandarine hervorragend mit dunklen Anthrazittönen und Marineblau, wodurch Designer einen starken Kontrast und gut lesbare Typografie gewährleisten können. Diese Ausgewogenheit macht sie zur praktischen Wahl für UI-Systeme, Poster und Verpackungen mit klarer Prioritätensetzung.

Sie ist zudem extrem flexibel: Richtung Koralle für einen sanften, Wellness-inspirierten Look, Richtung Kupfer/Terracotta für einen hochwertigen, handwerklichen Charakter. Mit der richtigen neutralen Basis wirkt Mandarine minimalistisch, sportlich, retro oder luxuriös.

20+ Mandarinen-Farbpaletten-Ideen (mit HEX Codes)

1) Citrus Sunrise

HEX: #f47c20 #ffb35c #ffe0b2 #2a2f36 #ffffff

Stimmung: hell, klar, optimistisch

Am besten geeignet für: Hero-Sektion auf der Landingpage UI

Hell und optimistisch, mischt sich dieses Farbschema wie morgendliches Sonnenlicht auf frischen Zitrusfrüchten. Verwenden Sie das tiefe Anthrazit für Schrift und Navigation, um den Kontrast knackig zu lassen. Das sanfte Apricot und Creme eignen sich ideal für Karten, Bereiche und großzügige Hintergründe. Tipp: Das intensive Orange nur bei einer Haupt-Schaltfläche und einem Highlight-Element nutzen – für einen modernen, aufgeräumten Rhythmus.

Beispielbild von Citrus Sunrise mit media.io erzeugt

Media.io

Media.io ist ein Online-KI-Studio zum Erstellen und Bearbeiten von Videos, Bildern und Audiodateien im Browser.

Jetzt kostenlos ausprobieren

2) Desert Apricot

HEX: #f28c28 #d86f45 #b5523b #f2e6d8 #4b3a2f

Stimmung: sonnengetrocknet, erdig, ruhig

Am besten geeignet für: Kaffeelabel-Verpackung

Sonnengetrocknet und geerdet wecken diese Töne Assoziationen an Wüstenlehmboden und Aprikosenhaut. Kombinieren Sie die warmen Cremetöne mit dem satten Braun für eine hochwertige, handwerkliche Wirkung. Die kräftigen Terracotta-Töne eignen sich am besten als Label-Blöcke oder Badges. Tipp: Feine Körnung hinzufügen und Typografie schlicht halten, damit die erdige Wärme authentisch wirkt.

Beispielbild von Desert Apricot mit media.io erzeugt

3) Pumpkin Spice Neutrals

HEX: #ff7a1a #c85a2a #8f3b1c #f6f1ea #2f2a24

Stimmung: gemütlich, kräftig, saisonal

Am besten geeignet für: Herbst-Sale-Poster

Gemütlich und kräftig, erinnert diese Palette an geröstete Gewürze und späte Nachmittagswärme. Verwenden Sie das Off-White als großzügige Fläche, damit das gesättigte Orange präsent ist, ohne zu dominieren. Das tiefe Espressobraun sorgt für prägnante, aus der Entfernung gut lesbare Headlines. Tipp: Beschränken Sie Akzente auf ein bis zwei kräftige Blöcke, um einen klaren Retail-Look beizubehalten.

Beispielbild von Pumpkin Spice Neutrals mit media.io erzeugt

4) Coral Glow

HEX: #ff6f3d #ff9a76 #ffd1c2 #34495e #f7f7f7

Stimmung: freundlich, modern, luftig

Am besten geeignet für: Onboarding-UI für Wellness-App

Freundlich und luftig, wirkt Coral Glow wie sanftes Licht auf der Haut. Verankern Sie Ihre Screens mit Schieferblau für Überschriften und Icon-Linien – so bleiben die warmen Töne dezent. Mit Rosé und Hellgrau bleiben die Onboarding-Schritte ruhig und einladend. Tipp: Das hellste Korall nur für Fortschrittspunkte und Hauptaktionen verwenden, um die Aufmerksamkeit zu lenken.

Beispielbild von Coral Glow mit media.io erzeugt

5) Tangerine Teal Pop

HEX: #f57c00 #ffb74d #0f8b8d #0b3c49 #f3f5f7

Stimmung: energiegeladen, sportlich, kontrastreich

Am besten geeignet für: Tech-Startup-Brandkit

Energetisch und kontraststark fühlt sich dieses Farbschema wie leuchtende Zitrusfrüchte vor kühlem Ozean an. Diese Kombinationen glänzen in Logos, App-Icons und kräftigen Social-Headern, bei denen Klarheit gefragt ist. Türkis dient als Sekundär-Akzent, während das dunkle Blaugrün Fließtext und Umrisse übernimmt. Tipp: Das Hellgrau als freien Raum verwenden, damit das Palette klar bleibt und nicht überladen wirkt.

Beispielbild von Tangerine Teal Pop mit media.io erzeugt

6) Retro Soda Shop

HEX: #ff6a00 #ffd166 #06d6a0 #26547c #fff7e6

Stimmung: verspielt, retro, kräftig

Am besten geeignet für: Eiskarten-Flyer

Verspielt und auffällig erinnert diese Palette an Neonleuchten und prickelnde Sommerleckereien. Balancieren Sie das kräftige Orange mit cremigem Offwhite, damit das Layout lesbar bleibt. Mintgrün eignet sich besonders für kleine Sticker, Preise und Icons, während Marineblau dem Menü Struktur gibt. Tipp: Setzen Sie auf fette Schrift und einfache Formen für einen echten Retro-Look.

Beispielbild von Retro Soda Shop mit media.io erzeugt

7) Autumn Market

HEX: #f07f2f #c45a2a #6b7d3a #f0e3cf #3b2f2a

Stimmung: Ernte, rustikal, einladend

Am besten geeignet für: Bauernmarkt-Eventposter

Rustikal und einladend, wie Herbststände, getrocknete Blätter und handgemachte Produkte. Das Salbeigrün setzt einen Kontrapunkt zur Wärme und verhindert, dass das Poster zu orange wird. Cremiges Beige ist eine ideale Basis für Datums- und Ortsangaben. Tipp: Einfache Umrahmung in Dunkelbraun verleiht Struktur und verbessert die Lesbarkeit.

Beispielbild von Autumn Market mit media.io erzeugt

8) Peachy Minimal

HEX: #ff8a3d #ffc49b #fff1e6 #1f2933 #a9b2ba

Stimmung: weich, minimalistisch, edel

Am besten geeignet für: Portfolio-Webseiten-UI

Weich und edel – diese Töne erinnern an warmes Licht auf Leinen und ruhige Studioatmosphäre. Das fast schwarze Dunkelblau eignet sich für Text und Navigation, damit das zarte Peach subtil bleibt. Grau für Trenner und Sekundärbuttons hält die minimalistische Hierarchie. Tipp: Den hellen Akzent sparsam für Hover-Effekte und kleine Badges einsetzen – für einen hochwertigen Eindruck.

Beispielbild von Peachy Minimal mit media.io erzeugt

9) Mango Mojito

HEX: #ff7f2a #ffbe7a #b7e4c7 #2d6a4f #f8f9fa

Stimmung: frisch, tropisch, entspannt

Am besten geeignet für: Sommergetränk Produktanzeige

Frisch und tropisch! Dieses Farbschema erinnert an Mangoscheiben, Minzblätter und entspannte Patio-Stimmung. Grüntöne unterstützen als Garniturdetails und kleine Texthighlights. Der helle Hintergrund sorgt für Klarheit und die Orange-Töne verkaufen direkt den Geschmack. Tipp: Kräftige Schatten und Kondensationseffekte sorgen für noch mehr Saftigkeit.

Bildbeispiel eines Mango-Mojitos, generiert mit media.io

10) Sunset Boulevard

HEX: #ff6d00 #ff9e57 #ffcc80 #6a4c93 #1b1b2f

Stimmung: filmisch, mutig, Nachtleben

Am besten geeignet für: Musikfestival-Flyer

Filmisch und mutig, es fühlt sich an wie ein Sonnenuntergang, der ins Stadtleben übergeht. Das Violett und das fast Schwarze schaffen sofort Tiefe, während die warmen Orangetöne wie Bühnenlicht wirken. Verwenden Sie Farbverläufe sparsam und halten Sie die Typografie kontrastreich für schnelles Erfassen. Tipp: Setzen Sie das hellste Orange als Datumshervorhebung, damit die wichtigsten Infos zuerst auffallen.

Bildbeispiel von Sunset Boulevard, generiert mit media.io

11) Clay and Cream

HEX: #f08a4b #d46b3a #a85a3a #f7ead9 #3d2c2e

Stimmung: handgemacht, warm, kunsthandwerklich

Am besten geeignet für: Keramikladen-Branding

Handgemacht und warm, erinnert es an gebrannten Ton, Glasur und cremiges Steinzeug. Nutzen Sie das dunkelste Braun für Wortmarken und kleine Details, um das Design geerdet wirken zu lassen. Die mittleren Terrakotta-Töne eignen sich perfekt für Muster, Stempel und Verpackungsstreifen. Tipp: Kombinieren Sie mit ungestrukturierten Papiertexturen, damit die Farben fühlbar und handwerklich wirken.

Bildbeispiel von Clay and Cream, generiert mit media.io

12) Terracotta Garden

HEX: #f26d3d #ffb997 #88b04b #f3f0e8 #2f3a2a

Stimmung: botanisch, sonnig, natürlich

Am besten geeignet für: botanische Illustration als Druck

Sonnig und natürlich, erinnert es an Terrakotta-Töpfe, zarte Blütenblätter und frische grüne Blätter. Lassen Sie das Off-White wie Aquarellpapier wirken, damit das warme Orange organisch und nicht digital erscheint. Das grüne Blatt eignet sich für Stiele und kleine Blätter, um die Komposition auszugleichen. Tipp: Die Umrisse minimal halten und Tiefe durch Schichten erzeugen.

Bildbeispiel von Terracotta Garden, generiert mit media.io

13) Sporty Energy

HEX: #ff5a1f #ffb703 #1f2937 #9ca3af #f9fafb

Stimmung: schnell, selbstbewusst, maximaler Effekt

Am besten geeignet für: Fitness-App Dashboard-UI

Schnell und selbstbewusst, diese Farbtöne erinnern an einen Sprinttimer und helles Fitnessstudio-Licht. Verwenden Sie das dunkle Schiefergrau für Diagramme, Labels und Navigation, um die Daten lesbar zu halten. Das Gelb dient als sekundäre Warnfarbe für Ziele und Bestleistungen, ohne das Hauptorange zu verdrängen. Tipp: Der heißeste Akzent sollte nur für die Top-Metrik und eine Handlungsaufforderung pro Bildschirm eingesetzt werden.

Bildbeispiel von Sporty Energy, generiert mit media.io

14) Nordic Warmth

HEX: #f07a2b #f4b183 #f2efe9 #2f4858 #8a9ea7

Stimmung: gemütlich, modern, zurückhaltend

Am besten geeignet für: Interior-Design Moodboard

Gemütlich und zurückhaltend, fühlt es sich an wie Strickdecken, helles Holz und warmes Kerzenlicht. Diese Mandarinen-Kombinationen wirken am besten, wenn die warmen Töne als Akzente gegen klare, kühle Blau-Graus stehen. Verwenden Sie das helle Neutral als Board-Basis und dann Muster und Typografie in Schiefergrau. Tipp: Orange nur für Textilien oder ein Statement-Objekt einsetzen für skandinavische Balance.

Bildbeispiel von Nordic Warmth, generiert mit media.io

15) Festival Lights

HEX: #ff6b00 #ffca3a #8ac926 #1982c4 #f7f7ff

Stimmung: freudvoll, hell, festlich

Am besten geeignet für: Einladung zu einem Community-Event

Freudvoll und festlich, es erinnert an Lichterketten und Konfetti zur goldenen Stunde. Halten Sie den Hintergrund luftig, damit die hellen Akzente freundlich und nicht überwältigend bleiben. Blau für wichtige Info-Blöcke, Grün für kleine dekorative Icons als Ausgleich zu den warmen Tönen. Tipp: Maximal zwei dominante Farben pro Panel nutzen und zur visuellen Einheit wiederholen.

Bildbeispiel von Festival Lights, generiert mit media.io

16) Coastal Orange

HEX: #ff7a18 #ffb37a #7cc6fe #0b1320 #f4f9ff

Stimmung: luftig, abenteuerlich, frisch

Am besten geeignet für: Reiseblog-Header und Karten

Luftig und abenteuerlich, erinnert es an sonnenbeschienene Klippen am klaren Ozeanhimmel. Nutze das helle Blau als unterstützende Fläche für Karten und Abschnittsüberschriften, das tiefe Navy für Titel und kleine UI-Linien. Warmes Orange eignet sich am besten für Tags, Buttons und Highlights von Geschichten. Tipp: Orange-Akzente gleichmäßig in Größe verwenden, damit das Design ruhig und reisefertig bleibt.

Bildbeispiel von Coastal Orange, generiert mit media.io

17) Modern Bistro

HEX: #f06f2a #f2b59b #f5f1e8 #2c2c2c #6b705c

Stimmung: appetitlich, modern, gemütlich

Am besten geeignet für: Restaurant-Menülayout

Appetitlich und gemütlich, erinnert an gebackenes Gemüse, warmes Brot und sanftes Umgebungslicht. Die cremige Basis hält die Menükarte lesbar, während das dunkle Grau Typografie übernimmt, ohne schroff zu wirken. Olivgrün dient als subtiler Abschnitts- und Icon-Trenner. Tipp: Nur die Chef-Spezialitäten im stärksten Orange hervorheben, damit es gezielt und nicht laut wirkt.

Bildbeispiel von Modern Bistro, generiert mit media.io

18) Kids Storybook

HEX: #ff6f1a #ffb703 #ffd6a5 #7bdff2 #3a3a3a

Stimmung: fröhlich, verspielt, freundlich

Am besten geeignet für: Bilderbuchcover-Illustration

Fröhlich und verspielt, erinnert es an Papier-Ausschnitte und sonnige Bastelarbeiten im Klassenzimmer. Das Aqua dient als Himmel oder Hintergrund, um die warmen Orangetöne abzukühlen. Pfirsich eignet sich für Figuren und freundliche Formen, ohne zu starken Kontrast. Tipp: Elemente mit Dunkelgrau statt Schwarz umranden für einen sanften Look.

Bildbeispiel von Kids Storybook, generiert mit media.io

19) Luxe Copper

HEX: #f07c24 #c96a2c #7a3e1f #121212 #f2ede6

Stimmung: luxuriös, stimmungsvoll, elegant

Am besten geeignet für: Beauty-Produktverpackung

Luxuriös und stimmungsvoll, erinnert es an Kupferfolie, warme Schatten und einen exklusiven Schminktisch. Eine Mandarinen-Palette profitiert hier von viel schwarzer Fläche für Kontrast und Drama. Das helle Creme eignet sich für rechtlichen Kleinsttext und sorgt dafür, dass die metallisch-braunen Töne nicht zu schwer wirken. Tipp: Das hellste Orange nur für ein Logo-Emblem oder Siegel verwenden für einen edlen Premium-Akzent.

Bildbeispiel von Luxe Copper, generiert mit media.io

20) Nightfall Ember

HEX: #ff6a13 #ffb07c #3d3b8e #1a1a1a #e9e6f2

Stimmung: dramatisch, modern, kreativ

Am besten geeignet für: Editorial Magazin-Spread

Dramatisch und modern, fühlt sich an wie Glut gegen einen tiefen Abendhimmel. Violett als starker Sekundärton für Hervorhebungen und Abschnittsmarker verwenden. Das helle Lavendel hält den Weißraum weich und editorial, nicht hart. Tipp: Orange nur für wichtige Überschriften und kleine Linien für selbstbewusste Struktur im Spread.

Bildbeispiel von Nightfall Ember, generiert mit media.io

Welche Farben passen gut zu Mandarine?

Kühle Gegensätze sind eine zuverlässige Kombination: Teal, Ozeanblau und Schiefer sorgen für sauberen Kontrast und lassen Mandarine noch heller und moderner wirken. Ideal für Tech-Branding, sportliche Dashboards und klare Landing-Pages.

Für weichere, redaktionelle Looks kombinieren Sie Mandarine mit warmen Neutralen wie Creme, Haferflocken und Off-White und verankern mit Anthrazit oder Espressobraun. So bleiben Layouts gut lesbar und behalten die sonnige Wärme.

Für mehr Drama kombinieren Sie Mandarine mit tiefem Violett oder fast Schwarz, wobei Orange nur für wichtige Überschriften und Highlights verwendet wird. Das Ergebnis wirkt filmisch und Premium, ohne Klarheit zu verlieren.

Wie Sie eine Mandarinen-Farbpalette in echten Designs verwenden

Entscheiden Sie zuerst, welche Rolle Mandarine spielt: Hauptaktion (Buttons), Highlight (Badges, Daten) oder Atmosphäre (große Flächen und Farbverläufe). Die meisten modernen Systeme sehen am besten aus, wenn Mandarine auf eine Hauptaktion und ein konsistentes Set von Akzenten begrenzt wird.

Gleichen Sie Wärme mit Struktur aus: Wählen Sie einen dunklen Anker (Anthrazit/Navy) für Typografie und UI-Linien sowie ein helles Neutral für Hintergrundflächen. So bleibt der Kontrast zugänglich und orange-lastige Designs wirken nicht überladen.

In Print und Verpackung kommt Mandarine besonders gut auf matten Materialien und strukturierten Papieren zur Geltung, während digitale Layouts von viel Negativraum profitieren. Halten Sie die Akzentgrößen über Komponenten konsistent, damit die Palette gezielt und nicht zufällig wirkt.

Mandarinen-Paletten-Visuals mit KI erstellen

Wenn Sie bereits HEX-Codes haben, können Sie passende Mockups (Poster, Verpackung, UI-Screens, Moodboards) generieren, indem Sie Layout, Materialien und den Einsatz jeder Farbe beschreiben. Konsistente Platzierung sorgt am schnellsten dafür, dass AI-Ergebnisse markenkonform wirken.

Nutzen Sie die obigen Prompts als Vorlagen: Wechseln Sie den Produkttyp, passen Sie das Seitenverhältnis an und halten Sie Ihre wichtigsten Farbzuweisungen (Hintergrund, Typografie, Hauptbutton, sekundäre Akzente) stabil über Varianten.

Mit Media.io können Sie schnell iterieren—mehrere Konzepte generieren, Kontrast und Stimmung vergleichen und Details wie Textur, Beleuchtung und Typografie für Ihr Designsystem verfeinern.

Weiter: Boysenberry-Farbpalette