robot TL;DR:

Zitrin ist ein warmes Goldgelb mit dezentem Grünstich, das im UI- und Print-Design am effektivsten als sparsamer Akzent für Buttons, Badges oder Highlights auf Off-White-Hintergründen funktioniert.

    ● Verzichten Sie bei der Farbkombination auf reines Weiß und echtes Schwarz; verwenden Sie für eine optimale Lesbarkeit und eine natürliche, nicht-neonhafte Wirkung stattdessen tiefes Anthrazit, Espressobraun oder Navy als Textfarben.
    ● Für organische Öko- oder Wellness-Marken eignet sich die Paarung mit erdigen Grüntönen wie Oliv oder Salbei, während kräftige Kontraste durch Türkis oder Karminrot gezielt für dynamische Event-Promos eingesetzt werden sollten.
    ● Zur schnellen Vorabprüfung von Kontrast, Stimmung und visueller Hierarchie der Hex-Codes lassen sich mit dem KI-Bildgenerator Media.io durch spezifische Text-zu-Bild-Prompts konsistente Mockups iterieren.


Ask AI for a summary

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
  1. Warum Citrin-Paletten so gut funktionieren
    1. sonniger Safran
    2. honigfarbenes Leinen
    3. goldener Obstgarten
    4. Zitrushain
    5. antikes Messing
    6. Ringelblumen-Tonerde
    7. Wüsten-Ocker
    8. olivgrüner Glanz
    9. warmes Quarz
    10. Sonnen-Pop
    11. vintage Buchtafel
    12. Art-déco-Blattgold
    13. botanische Wäsche
    14. Café-Baiser
    15. rustikale Ernte
    16. minimalistisches Gold-UI
    17. Festival-Laternen
    18. sanftes Wiesenlicht
    19. gewürzte Buttercreme
    20. Abendbernstein
  2. Welche Farben passen gut zu Citrin?
  3. Wie man eine Citrin-Farbpalette in realen Designs einsetzt
  4. 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

sunlit saffron citrine color palette with hex codes

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

summer poster in warm yellow
Prompt: Grafikdesign-Poster auf schlichtem Off-White-Hintergrund, sommerliches Kampagnen-Layout mit kräftigen geometrischen Formen und klarer Typografie, dominantes Citrin-Gelb und warmes Apricot mit Oliv-Akzent, kontraststarker Text in Fast-Schwarz, flacher Vektor-Stil, keine Fotos, keine Hände --ar 4:3
Media.io
Media.io ist ein Online-KI-Studio zum Erstellen und Bearbeiten von Videos, Bildern und Audio im Browser.
media.io media.io

2) Honigfarbenes Leinen

honeyed linen citrine color palette with hex codes

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

minimal packaging in warm gold
Prompt: realistisches Studiofoto einer minimalistischen Produktbox und eines Etikettensets auf neutralem Hintergrund, Verpackungsfarben in warmem Gold, Leinencreme und gedämpftem Taupe mit dunkler Grautypografie, weiche Schatten, edle matte Materialien, keine ablenkenden Dekoobjekte --ar 3:2

3) Goldener Obstgarten

golden orchard citrine color palette with hex codes

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

farm brand board in yellow
Prompt: Markenidentitäts-Tafel auf schlichtem, hellem Creme-Hintergrund, Logo-Zeichen, Etikettenmocks und einfache Icons mit leuchtendem Citrin-Gelb, Blattgrün und Erntedunkelbraun, saubere Vektor-Präsentation, keine echten Fotos, minimalistisches Layout --ar 16:9

4) Zitrushain

citrus grove citrine color palette with hex codes

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

kids ui in bright yellow
Prompt: 2D-UI-Mockup eines Kinderlern-App-Dashboards auf neutralem Creme-Leinwand, spielerische Karten und runde Buttons in leuchtendem Citrin-Gelb und warmem Bernstein mit grünen Fortschrittselementen, dunkler Grautext, flaches Design, kein Geräte-Rahmen --ar 9:16

5) Antikes Messing

antique brass citrine color palette with hex codes

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

vintage label in brass tones
Prompt: realistisches Studiofoto eines Craft-Bierflaschen-Etiketts auf neutralem Hintergrund, Vintage-Abzeichen-Layout mit Messinggold und Citrinakzenten, schiefergrüne Sekundärflächen, dunkle, fast schwarze Typografie, dezente Papiertextur, keine ablenkenden Requisiten --ar 4:3

6) Ringelblumen-Tonerde

marigold clay citrine color palette with hex codes

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

ceramics flyer in warm yellows
Prompt: Grafikdesign-Flyer auf schlichtem Creme-Hintergrund, Keramikladen-Promo-Layout mit organischen Klecksen und simpler Typo, dominantes Ringelblumengelb und Terrakotta mit dunklen Braunakzenten, flaches Design, keine Fotos, keine Hände --ar 3:4

7) Wüsten-Ocker

desert ochre citrine color palette with hex codes

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

warm interior swatches and fabrics
Prompt: Interior-Deko-Moodboard-Collage auf sauberem, hellem Beige-Hintergrund, Lackmuster und Stoffproben in Wüsten-Ocker, Citrin-Gelb-Akzente, Sand und warme Holztöne, minimalistisches Editorial-Layout, kein Raumbild, keine Hände --ar 16:9

8) Olivgrüner Glanz

olive gleam citrine color palette with hex codes

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

wellness landing in green and yellow
Prompt: 2D-Website-Landingpage-Mockup auf schlichter Off-White-Leinwand, Wellness-Marken-Herosection mit botanischen Formen, dominantes Waldgrün und sanftes Salbei mit Citrin-Gelb-Aktionsbutton, klare Typografie, kein Geräte-Rahmen, flaches Design --ar 21:9

9) Warmes Quarz

warm quartz citrine color palette with hex codes

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

skincare ad in blush and gold
Prompt: realistische Studioaufnahme einer Hautpflegeflasche und einer Box auf sauberem Creme-Hintergrund, Farbpalette ausgedrückt durch die Verpackung in sanftem Rosé, warmem Creme, gedämpftem Beige, mit einem kleinen Zitrin-gelben Akzentsiegel, elegantes minimalistisches Styling, keine dekorativen Requisiten --ar 3:2

10) Solar Pop

solar pop citrine color palette with hex codes

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

festival poster in yellow and navy
Prompt: Grafikdesign-Musikfestival-Poster auf hellem, schlichten Hintergrund, mutiges typografisches Layout mit großen geometrischen Formen, dominantes Zitringelb und lebendiges Orange mit Türkisakzenten und tiefen blauen Textblöcken, flacher Vektor-Stil, keine Fotos, keine Hände --ar 2:3

11) Vintage Bookplate

vintage bookplate citrine color palette with hex codes

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

editorial spread in warm parchment
Prompt: Editorial-Magazin-Doppelseitenlayout auf sauberem Pergament-Hintergrund, klassische Typografie mit Spalten, Zitat und kleinen Ornamenten, dominantes Pergament und Beige mit tiefbraunem Text und kleinen zitringelben Highlights, Printdesign-Optik, keine Fotos --ar 16:9

12) Art Deco Gilt

art deco gilt citrine color palette with hex codes

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

art deco invite in gold
Prompt: Einladungsgestaltung auf schlichtem cremefarbenem Hintergrund, Art-Déco-geometrischer Rahmen und elegante Typografie, Akzente in Zitringelb und antikem Gold, tiefer Braun- und Schwarztext, flaches Grafikdesign, keine Hände, kein Tisch, keine Fotos --ar 3:4

13) Botanical Wash

botanical wash citrine color palette with hex codes

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

watercolor leaves in green and yellow
Prompt: Aquarell-Botanik-Illustration auf sauberem weißen Papier, blättrige Stängel und kleine Blüten, dominierende sanfte Grünwaschungen mit tieferen Schattierungen und kleinen zitringelben Highlights, zarter Malstil, keine fotorealistische Darstellung --ar 4:3

14) Café Meringue

café meringue citrine color palette with hex codes

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

coffee menu in warm neutrals
Prompt: Menügestaltung auf schlichtem, warmem Creme-Hintergrund, Café-Menü-Layout mit einfachen Symbolen und klarer Typografie, dominierendes Beige und Lattebraun mit kleinen zitringelben Highlight-Tags, flaches Grafikdesign, keine Fotos, keine Hände --ar 3:4

15) Rustic Harvest

rustic harvest citrine color palette with hex codes

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

autumn banner in earthy tones
Prompt: Grafikdesign-Banner auf schlichtem, warmem Sand-Hintergrund, Herbstmarkt-Überschrift mit einfach illustrierten Obst- und Gemüsesymbolen, dominierendes gedämpftes Gold und Oliv mit Backsteinrot-Akzenten, dunkler Brauner Text, flacher Stil, keine Fotos --ar 21:9

16) Minimal Gold UI

minimal gold ui citrine color palette with hex codes

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

finance ui with gold highlights
Prompt: 2D-Finanzdashboard-UI-Mockup auf schlichtem, cremefarbigem Canvas, Karten, Diagramme und Tabellen in soften Grautönen mit zitringelben Highlights für Kernzahlen und aktive Tabs, schwarzer Text, minimalistisch-moderner Stil, kein Geräte-Frame --ar 16:9

17) Festival Lanterns

festival lanterns citrine color palette with hex codes

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

night market poster in warm glow
Prompt: Grafikdesign-Nachtmarkt-Poster auf schlichtem, hellcreme oder tiefdunklem Hintergrund, fette Überschrift und einfache Laternen-Illustrationen, dominantes Zitringelb und warmes Orange-Glühen mit Karminrot-Akzenten und tiefem Lilatext, flacher Vektor-Stil, keine Fotos --ar 2:3

18) Soft Meadow Light

soft meadow light citrine color palette with hex codes

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

newsletter in soft meadow tones
Prompt: Editorial-Newsletter-Template-Layout auf schlichtem, hellcremefarbenem Hintergrund, klare Bereiche mit soften Pastellblöcken, dominantes Buttergelb und Salbeigrün mit kleinen zitringelben Highlights, blau-graue Typografie, minimalistisches Printdesign, keine Fotos --ar 16:9

19) Spiced Buttercream

spiced buttercream citrine color palette with hex codes

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

bakery ad in buttercream tones
Prompt: Grafikdesign-Social-Ad auf schlichtem, warmem Creme-Hintergrund, Promo-Layout für Bäckereien mit schlichtem illustriertem Cupcake-Symbol und fettem Preisschild, dominantes Buttercreme-Gelb und warmer Pfirsich mit Kakao-Braun-Typo und leuchtendem zitringelben Badge, flacher Stil, keine Fotos --ar 1:1

20) Evening Amber

evening amber citrine color palette with hex codes

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

hotel hero in amber tones
Prompt: 2D-Website-Hero-Sektions-Mockup auf schlichtem Creme-Canvas, Homepage-Layout mit eleganter Typografie und einfachen Formen, dominierender Bernstein und warmes Creme mit dunklem Braunttext, kleiner zitringelber Call-to-Action-Button, minimalistischer Premium-Stil, kein Geräte-Frame --ar 21:9

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

Julian Moore
Julian Moore Jul 03, 26
Artikel teilen:

ki video erstellen
ai photo enhancer
ai photo enhancer
1 click to scale midjourney images up to 8X online

media.io

KI-Videogenerator

Erstelle mühelos Videos aus Text oder Bildern

Jetzt erstellen