Citrin ist ein warmes Gelb, das zwischen Gold und Grün liegt und dadurch sonnig wirkt, ohne neonhaft zu erscheinen. In Paletten kann es – je nach den gewählten Neutral- und Grüntönen – energiegeladen, hochwertig, erdig oder modern wirken.
Unten findest du 20 Citrin-Farbpaletten mit HEX-Codes sowie einsatzbereite Design-Prompts, die dir helfen, einheitliche Grafiken für Branding, UI, Print und Social Media zu erstellen.
In diesem Artikel
- Warum Citrin-Paletten so gut funktionieren
-
- sonniger Safran
- honigfarbenes Leinen
- goldener Obstgarten
- Zitrushain
- antikes Messing
- Ringelblumen-Tonerde
- Wüsten-Ocker
- olivgrüner Glanz
- warmes Quarz
- Sonnen-Pop
- vintage Buchtafel
- Art-déco-Blattgold
- botanische Wäsche
- Café-Baiser
- rustikale Ernte
- minimalistisches Gold-UI
- Festival-Laternen
- sanftes Wiesenlicht
- gewürzte Buttercreme
- Abendbernstein
- Welche Farben passen gut zu Citrin?
- Wie man eine Citrin-Farbpalette in realen Designs einsetzt
- Erstelle Citrin-Paletten-Visuals mit KI
Warum Citrin-Paletten so gut funktionieren
Citrin-Töne fallen natürlich auf, da sie im „Sonnenlicht“-Bereich des Farbspektrums liegen. Sie eignen sich daher perfekt für Handlungsaufrufe, Abzeichen, Highlights und Markenmomente, bei denen du sofortige Klarheit wünschst.
Im Gegensatz zu reinem Zitronengelb besitzt Citrin oft einen leicht erdigen oder grünlichen Unterton. Dadurch harmoniert es wunderbar mit Oliv-, Salbei-, Braun- und Off-White-Tönen, bleibt warm, wirkt aber nicht abgehoben.
Ob im Print oder in Benutzeroberflächen – Citrin ist flexibel: Nutze es als kleinen Akzent für einen hochwertigen Eindruck oder als dominante Blockfarbe, wenn du es mit dunklen Neutralen (Anthrazit, Marineblau, Espresso) für gute Lesbarkeit kombinierst.
20+ Citrin-Farbpaletten-Ideen (mit HEX-Codes)
1) Sonniger Safran

HEX: #E4D00A #FFD166 #FFF3B0 #6B8E23 #2F2F2F
Stimmung: hell und lebhaft
Am besten geeignet für: Sommer-Kampagnenposter
Hell und lebhaft – wie Mittagssonne auf frischer Zitrusfrucht und knackigen Blättern. Ideal für energiegeladene Poster, Event-Grafiken und markante Social-Media-Kacheln, wo der Kontrast schnell wirken muss. Kombiniere das Gelb mit Olivgrün als erdenden Akzent und lass das sanfte Creme große Flächen angenehm wirken. Tipp: Verwende das Anthrazit nur für den Text, damit die Palette leicht wirkt.
Bildbeispiel von "sonniger Safran", erzeugt mit media.io
Media.io ist ein Online-KI-Studio zum Erstellen und Bearbeiten von Videos, Bildern und Audio im Browser.
2) Honigfarbenes Leinen

HEX: #E6C229 #F3E9DC #C9A227 #B7B09C #3A3A3A
Stimmung: weich und edel
Am besten geeignet für: minimalistisches Verpackungsdesign
Weich und edel, wie Honig auf natürlichem Leinen. Perfekt für minimalistische Verpackungen, Etiketten und hochwertiges Briefpapier, bei denen Wärme wichtiger ist als Sättigung. Kombiniere die gedeckten Goldtöne mit dem Hafer-Neutral als ruhige Basis und verwende das dunkle Grau für gute Lesbarkeit. Tipp: Präge oder foliere das hellere Gold, um Tiefe zu erzeugen ohne neue Farben hinzuzufügen.
Bildbeispiel von "honigfarbenes Leinen", erzeugt mit media.io
3) Goldener Obstgarten

HEX: #E4D00A #C7D36F #F6F1D1 #B86B25 #4A5D23
Stimmung: frisch und ländlich
Am besten geeignet für: Farm-to-Table Marken-Identity
Frisch und ländlich, wie Spätsommer-Obststände und sonnenüberflutete Felder. Diese Citrin-Farbkombinationen wirken natürlich für Farm-to-Table-Branding, Markt-Schilder und lebensmittelbezogene Etiketten. Kombiniere leuchtendes Gelb mit Blattgrün und verwende das warme Braun als Ernteton für Überschriften und Icons. Tipp: Halte die Hintergründe cremig, damit das Gelb stets gut lesbar ist und nicht zu neonhaft wirkt.
Bildbeispiel von "goldener Obstgarten", erzeugt mit media.io
4) Zitrushain

HEX: #FFD000 #FFB703 #FBF8CC #8AC926 #3B3B3B
Stimmung: spritzig und verspielt
Am besten geeignet für: Kinderspiel-App UI
Spritzig und verspielt, wie Orangenöl und frische Morgensnacks. Passt perfekt für lernfreundliche UIs für Kinder, freundliche Onboarding-Screens und spielerische Icon-Sets mit positiver Wirkung. Kombiniere die zwei warmen Gelbtöne für Buttons und Highlights, das Grün für Fortschrittsanzeigen oder Badges. Tipp: Halte Texte tiefgrau und nutze cremige Panelflächen, um Blendung zu vermeiden.
Bildbeispiel von "Zitrushain", erzeugt mit media.io
5) Antikes Messing

HEX: #C9A227 #E4D00A #E7D8A4 #6B705C #2B2B2B
Stimmung: traditionsreich und robust
Am besten geeignet für: Craft-Brauerei-Etikett
Traditionsreich und robust – wie gealterte Messingbeschläge und altes Werkstattlicht. Ideal für Craft-Getränkeetiketten, Heritage-Logos und Produktabzeichen, die ein selbstbewusstes, zeitloses Flair ausstrahlen sollen. Kombiniere messinggoldene Töne mit Schiefergrün, damit es geerdet und nicht zu auffällig wirkt. Tipp: Setze auf Papiersstruktur oder Strichätzung für Textur – statt auf zusätzliche Farben.
Bildbeispiel von "antikes Messing", erzeugt mit media.io
6) Ringelblumen-Tonerde

HEX: #F2C14E #E4D00A #F7F3E3 #C97C5D #6D4C41
Stimmung: warm und handgemacht
Am besten geeignet für: Keramikladen-Flyer
Warm und handgemacht – wie sonnenbeschienene Ringelblumen neben roher Terrakotta. Geeignet für Kunsthandwerk-Promos, Keramik-Branding und Erzählungen über Kleinstproduktionen, bei denen taktile Farbe zählt. Kombiniere sanftes Creme mit braunen Erdtönen für die Basis und setze das leuchtendere Gelb für Preise oder wichtige Details ein. Tipp: Halte Formen organisch und unperfekt für einen erdigen Look.
Bildbeispiel von "Ringelblumen-Tonerde", erzeugt mit media.io
7) Wüsten-Ocker

HEX: #D6A400 #E4D00A #EFE6D0 #A68A64 #5A4A3C
Stimmung: sonnengetrocknet und ruhig
Am besten geeignet für: Interior-Farb- und Dekomoodboard
Sonnengetrocknet und ruhig – wie Sandsteinpfade und goldener Staub in der Dämmerung. Diese Kombination passt zu Moodboards für Inneneinrichtung, Farbmuster oder Dekorationsstyling, die warm, aber nicht orange wirken sollen. Kombiniere Ocker und Sand für Wände und Textilien, bring das dunklere Braun für Holzdetails und Bilderrahmen ein. Tipp: Nutze das hellste Gelb sparsam, damit der Raum entspannt bleibt.
Bildbeispiel von "Wüsten-Ocker", erzeugt mit media.io
8) Olivgrüner Glanz

HEX: #E4D00A #DDE5B6 #A3B18A #344E41 #F7F5E9
Stimmung: botanisch und modern
Am besten geeignet für: Wellness-Marken-Landingpage
Botanisch und modern, wie frische Kräuter im warmen Küchenlicht. Diese Citrin-Palette eignet sich hervorragend für Wellness-Landingpages, Eco-Services und sauberes Lifestyle-Branding. Kombiniere das tiefe Waldgrün mit der cremigen Basis für Struktur und nutze das leuchtend Gelb als gezielten Call-to-Action-Akzent. Tipp: Icons mit feinen Linien zeichnen, damit die Grüntöne luftig wirken.
Bildbeispiel von "olivgrüner Glanz", erzeugt mit media.io
9) Warmes Quarz

HEX: #E4D00A #FAD2E1 #F8F1F1 #B5A48A #6D6875
Stimmung: sanft und aufmunternd
Am besten geeignet für: Beauty-Produktanzeige
Sanft und aufmunternd – wie rosiger Quarz im goldenen Sonnenstrahl. Geeignet für Beauty-Anzeigen, Skincare-Launches und Lifestyle-Grafiken, die Zartheit mit deutlichem Highlight zeigen sollen. Kombiniere Blush und Creme für Hintergründe und lass das Gelb als Akzent auf Siegeln, Hinweisen oder kleinen Grafikelementen hervorstechen. Tipp: Graumauve für Typografie verwenden, um harten Kontrast zu den Rosa-Tönen zu vermeiden.
Bildbeispiel von warmem Quarz, generiert mit media.io
10) Solar Pop

HEX: #E4D00A #FF7A00 #FFF1A8 #2A9D8F #1D3557
Stimmung: kräftig und energetisch
Am besten geeignet für: Musikfestival-Poster
Kräftig und energetisch, wie Neon-Sonnenstrahlen vor dunklem Abendhimmel. Dieser Look strahlt auf Musikpostern, Merch-Grafiken und auffälligen Digitalanzeigen, die sofortige Bewegung erfordern. Kombinieren Sie das leuchtende Gelb mit Navy für maximalen Kontrast und setzen Sie Türkis als kühlen Ausgleich zum Orange. Tipp: Vermeiden Sie Farbverläufe und halten Sie die Formen grob, damit die Palette laut und gut lesbar bleibt.
Bildbeispiel von Solar Pop, generiert mit media.io
11) Vintage Bookplate

HEX: #E4D00A #F5E6C8 #C2A878 #7D6B4F #2E2A24
Stimmung: klassisch und gelehrt
Am besten geeignet für: Editorial-Magazinstrecke
Klassisch und gelehrt, wie gealtertes Papier mit Goldglanz. Funktioniert ideal für Editorial-Layouts, Buchcover und Geschichten mit Heritage-Flair, bei denen Wärme als Glaubwürdigkeit wahrgenommen wird. Kombinieren Sie Pergament und Hellbraun als weiten Rand und verstärken Sie Schlagzeilen und Trennlinien mit dunklen Brauntönen. Tipp: Kleine dekorative Linien in Gelb lenken den Blick, ohne die Seite zu überladen.
Bildbeispiel von Vintage Bookplate, generiert mit media.io
12) Art Deco Gilt

HEX: #E4D00A #F8F4E3 #B08900 #3D2C2E #0B0B0B
Stimmung: luxuriös und dramatisch
Am besten geeignet für: Gala-Einladungsgestaltung
Luxuriös und dramatisch, wie vergoldete Linien auf einem dunklen Theater-Vorhang. Perfekt für Gala-Einladungen, edle Event-Marken und elegante Menüs, die sofortigen Glamour brauchen. Kombinieren Sie den Creme-Hintergrund mit schwarzer Typografie und setzen Sie die beiden Goldtöne als geometrische Rahmen und Ecken ein. Tipp: Goldene Elemente dünn und symmetrisch halten – so gelingt der Deco-Look.
Bildbeispiel von Art Deco Gilt, generiert mit media.io
13) Botanical Wash

HEX: #E4D00A #EAF4D3 #A7C957 #6A994E #386641
Stimmung: frisch und malerisch
Am besten geeignet für: Frühlings-Botanik-Illustration
Frisch und malerisch, wie Aquarellblätter mit Sonnenstrahlen. Ideal für Frühlingsillustrationen, Gartenworkshop-Werbung und Natur-Blog-Header. Kombinieren Sie die helle Waschung mit mittleren Grüntönen für weiche Tiefe, das Gelb eignet sich für Pollenkleckse oder kleine Highlights. Tipp: Kanten weich und geschichtet halten, damit das Grün lebendig wirkt.
Bildbeispiel von Botanical Wash, generiert mit media.io
14) Café Meringue

HEX: #E4D00A #FFF1D6 #E7CBA9 #B08968 #5B3A29
Stimmung: gemütlich und einladend
Am besten geeignet für: Café-Menügestaltung
Gemütlich und einladend, wie geröstetes Baiser und warmes Caféholz. Diese Zitrin-Kombinationen passen perfekt für Speisekarten, Treuekarten und Café-Beschilderung – freundlich und dennoch hochwertig. Kombinieren Sie das cremige Beige mit Kaffee-Braun für die Hierarchie und setzen Sie das leuchtende Gelb sparsam für saisonale Highlights ein. Tipp: Das Layout großzügig gestalten, damit die warmen Brauntöne nicht zu schwer wirken.
Bildbeispiel von Café Meringue, generiert mit media.io
15) Rustic Harvest

HEX: #E4D00A #DDB967 #A44A3F #7B8D42 #3C2F2F
Stimmung: erdig und saisonal
Am besten geeignet für: Herbstmarkt-Banner
Erdig und saisonal, wie getrocknete Maisblätter, Äpfel und Feldgrün. Perfekt für Herbst-Banner, Markt-Beschilderung und rustikale Verpackung mit handgemachtem Flair. Kombinieren Sie das gedämpfte Gold mit Oliv als Basis und setzen Sie Backsteinrot als auffälligen Akzent. Tipp: Vermeiden Sie reines Weiß; ein warmer Sandton als Hintergrund hält den herbstlichen Charakter konsistent.
Bildbeispiel von Rustic Harvest, generiert mit media.io
16) Minimal Gold UI

HEX: #E4D00A #FAFAF7 #D6D2C4 #7A7A7A #111111
Stimmung: clean und professionell
Am besten geeignet für: Finanz-Dashboard-UI
Klar und professionell, wie ein sauberer Bericht mit markantem Goldmarker. Ideal für Dashboards, Analyse-Tools und Produkt-UIs, bei denen Klarheit oberste Priorität hat. Kombinieren Sie Off-White und Hellgrau für Flächen, setzen Sie Gelb für aktive Stati und Schlüsselmetriken. Tipp: Gelb pro Bildschirm nur für ein bis zwei Komponenten einsetzen, um die Hierarchie ruhig zu halten.
Bildbeispiel von Minimal Gold UI, generiert mit media.io
17) Festival Lanterns

HEX: #E4D00A #FF9F1C #FDEFD4 #D7263D #2D1E2F
Stimmung: festlich und lebendig
Am besten geeignet für: Nachtmarkt-Poster
Festlich und lebendig, wie Laternenlicht vor dunklem Nachthimmel. Ideal für Nachtmarkt-Plakate, Kulturveranstaltungen und auffällige Promo-Grafiken. Gelb und Orange als Leuchtfarben kombinieren, dann das Karminrot für Betonungen und das tiefe Lila für starken Typo-Kontrast einsetzen. Tipp: Creme als kleinen Sekundärbereich belassen, damit der dunkle Hintergrund die Hauptwirkung behält.
Bildbeispiel von Festival Lanterns, generiert mit media.io
18) Soft Meadow Light

HEX: #E4D00A #F4F1BB #D4E09B #9BC1BC #5C6B73
Stimmung: ruhig und luftig
Am besten geeignet für: Wellness-Newsletter-Vorlage
Ruhig und luftig, wie Sonnenlicht über einer stillen Wiese. Diese Zitrin-Palette eignet sich für Newsletter, Blog-Vorlagen und softe Lifestyle-Marken, die Wärme ohne lauten Kontrast möchten. Kombinieren Sie das blasse Gelb mit Salbei-Tönen für sanfte Flächen und setzen Sie das tiefe Blau-Grau für Überschriften und Links ein. Tipp: Großzügigen Zeilenabstand wählen, damit die Pastellmischung gut lesbar bleibt.
Bildbeispiel von Soft Meadow Light, generiert mit media.io
19) Spiced Buttercream

HEX: #E4D00A #FFF1C1 #F2B880 #B5654D #4B2E2A
Stimmung: süß und wohltuend
Am besten geeignet für: Bäckerei Social Ad
Süß und wohltuend, wie Buttercreme mit Zimt und Karamell. Perfekt für Werbeanzeigen von Bäckereien, Dessertkarten und Verpackungsaufkleber, die hausgemacht und doch hochwertig wirken sollen. Kombinieren Sie das helle Gelb mit Pfirsich als Hintergrund und nutzen Sie dunkle Schokoladentöne für Text und Produktnamen. Tipp: Ein knalliges gelbes Badge für zeitlich begrenzte Angebote sorgt für einen klaren Blickfang.
Bildbeispiel von Spiced Buttercream, generiert mit media.io
20) Evening Amber

HEX: #E4D00A #FFB000 #F8E9C6 #8D6A4E #2B1D0E
Stimmung: schimmernd und intim
Am besten geeignet für: Boutique-Hotel Homepage-Hero
Schimmernd und intim, wie Bernsteinlicht auf poliertem Holz nach Sonnenuntergang. Perfekt geeignet für Boutique-Hotel-Homepages, Hospitality-Brandings und warme Editorialbereiche mit Premium-Charakter. Kombinieren Sie Creme und Bernstein als Hauptflächen, setzen Sie dunkles Braun für Navigation und Typo für scharfen Kontrast. Tipp: Das hellste Gelb nur für einen Haupt-Button verwenden, damit der Hero edel bleibt.
Bildbeispiel von Evening Amber, generiert mit media.io
Welche Farben passen gut zu Citrin?
Erdige Grüntöne (Oliv, Salbei, Wald) passen besonders natürlich zu Zitrin, weil sie dessen subtilen Grünstich unterstützen. Diese Kombination ist besonders stark für Öko-, Wellness-, Food- und Outdoor-Marken.
Warme Neutrale wie Creme, Pergament, Taupe und Beige halten Zitrin auf großen Flächen gut lesbar, während dunkle Eckpfeiler (Anthrazit, Espresso, Dunkelblau) für Kontrast bei Headlines und UI-Texten sorgen.
Für mehr Ausdruck kombiniert man Zitrin mit kräftigen Akzenten wie Orange, Karminrot oder Türkis – aber diese Akzente sparsam einsetzen, damit Gelb der „Held“ bleibt und nicht um Aufmerksamkeit konkurriert.
Wie man eine Citrin-Farbpalette in realen Designs einsetzt
Zitrin immer erst als Akzent einsetzen: Buttons, Highlights, Icons, Sale-Tags und kleine Linien. Begrenzen Sie es auf wenige Komponenten pro Screen oder Seite, damit es bewusst und hochwertig statt überwältigend wirkt.
Für gute Lesbarkeit Zitrin immer mit Off-White oder tiefen Neutraltönen kombinieren, nie auf grellem Weiß. Für Typografie lieber Anthrazit, Dunkelbraun oder Navy als echtes Schwarz wählen, wenn die Palette weich und natürlich sein soll.
Soll Zitrin als Haupt-Hintergrund eingesetzt werden, mit Creme-Overlays, großzügigen Abständen und gedämpften Sekundärfarben auflockern. So bleibt die Wärme erhalten, ohne dass es wie grelles Textmarker-Gelb wirkt.
Erstelle Citrin-Paletten-Visuals mit KI
Wer schon HEX-Codes hat, kann eine Zitrin-Farbwelt am schnellsten als Mockup-Visuals (Poster, UIs, Etiketten, Einladungen) mit konsistenten Prompts und Seitenverhältnissen testen. Das erleichtert die Beurteilung von Kontrast, Hierarchie und Stimmung, bevor produziert wird.
Mit den Text-zu-Bild-Tools von Media.io können Sie rasch iterieren: Wechseln Sie zwischen „Flat Vector“ und „Realistische Studioaufnahme“, tauschen Sie Hintergründe von Creme zu Anthrazit und behalten Sie das Palettengefühl über mehrere Assets hinweg.
Wenn die Richtung passt, generieren Sie Varianten für verschiedene Formate (Social, Web-Hero, Print), damit Ihr Zitrin-Branding überall konsistent wirkt.
Häufige Fragen zur Zitrin-Farbpalette
-
Was ist eine Zitrin-Farbpalette?
Eine Zitrin-Farbpalette ist eine aufeinander abgestimmte Farbauswahl rund um Zitrin – ein warmes Goldgelb mit leicht grünlichem Unterton – oft kombiniert mit Creme, Oliv, Braun, Grau oder dunklen Tönen für Kontrast. -
Liegt Zitrin näher bei Gelb oder Grün?
Zitrin ist in erster Linie Gelb, hat aber oft einen leicht gelb-grünen Touch. Dieser subtile Unterton ist der Grund, warum es besonders gut zu Oliv und Salbei passt. -
Welche Textfarbe eignet sich am besten auf Zitrin-Hintergrund?
Dunkles Anthrazit, Espressobraun oder Navy lesen sich am besten. Reines Weiß kann auf leuchtendem Gelb für zu wenig Kontrast sorgen, echtes Schwarz sieht in weicheren, natürlichen Paletten hart aus. -
Wie vermeide ich, dass Zitrin zu neonartig aussieht?
Mit warmen Cremetönen und gedämpften Neutraltönen ausbalancieren und Zitrin nur als Akzent statt als Haupt-Hintergrund verwenden. Unbedingt auf knalliges Weiß verzichten und stattdessen Off-White kombinieren. -
Welche Akzentfarben passen gut zu Zitrin?
Oliv- oder Waldgrün für natürliche Looks, Türkis als kühler Ausgleich und Orange oder Karminrot für energiegeladene Poster und Promos. Akzente sparsam benutzen, damit Zitrin dominant bleibt. -
Kann ich Zitrin im professionellen UI-Design verwenden?
Ja—Citrin ist hervorragend für aktive Zustände, wichtige Kennzahlen und CTA-Buttons geeignet, wenn Ihre Basis-Benutzeroberfläche Off-Whites und Grautöne verwendet. Halten Sie das Gelb auf ein oder zwei Komponenten pro Ansicht für eine klare Hierarchie. -
Wie kann ich Citrin-Paletten-Mockups schnell erzeugen?
Verwenden Sie einen KI-Bildgenerator mit einem einheitlichen Prompt-Stil (z. B. „Flaches Vektor-UI-Mockup“ oder „Realistische Studio-Aufnahme“), und variieren Sie dann Hintergrundneutralen und die Menge an Citrin, die als Akzent verwendet wird.
Weiter: Umber Farbpalette



