Die 22 besten Blau-Grün-Rot-Farbpaletten: Hex-Codes & Tipps

Eine blau-grün-rote Farbpalette ist eine der einfachsten Möglichkeiten, sofortigen Kontrast zu erzielen: Blau vermittelt Vertrauen, Grün signalisiert „Start“ und Rot erzeugt aufmerksamkeitsstarke Schwerpunkte.

Der Schlüssel ist die Hierarchie – verwende Blau/Grün als Systemfarben und halte Rot als Akzent zurück, sodass dein Design energiegeladen, aber nicht chaotisch wirkt.

Warum Blau-Grün-Rot-Paletten so gut funktionieren

Blau und Grün liegen im Farbkreis nahe beieinander und wirken somit harmonisch, während Rot als auffälliger Akzent hervorsticht. Dieses Gleichgewicht lässt diese Triade stabil und dennoch aufregend erscheinen.

In der Praxis wird Blau oft zur „Strukturfarbe“ (Navigation, Überschriften, große Flächen) und Grün zur „Statusfarbe“ (Erfolg, aktive Zustände, Bestätigungen). Rot wirkt dann sofort als Signal für Dringlichkeit, Warnung oder ein einzelner herausragender CTA.

Da die Palette von Natur aus starken Kontrast bietet, ist sie ideal für Benutzeroberflächen, Poster, Verpackungen und Dashboards – überall, wo klare Hierarchie und schnelle Orientierung benötigt wird.

20+ Ideen für Blau-Grün-Rot-Farbpaletten (mit HEX-Codes)

1) Küstensignal

HEX: #0B3C5D #1FA9A6 #E63946 #F4F1DE #2B2D42

Stimmung: klar, maritim, selbstbewusst

Am besten geeignet für: Hero-Bereich einer Reise-Brand-Startseite

Klare maritime Energie kommt durch wie eine Hafenflagge vor tiefem Wasser. Verwende das Marineblau und das Blaugrün als Hauptfläche und setze das Rot als auffälligen Call-to-Action ein. Creme sorgt für luftige Textflächen, während Kohle Anthrazit Fließtext und Icons unterstützt. Tipp: Reserviere Rot für einen Hauptbutton pro Abschnitt, um die Hierarchie übersichtlich zu halten.

Bildbeispiel von Küstensignal, erstellt mit media.io

Media.io

Media.io ist ein Online-KI-Studio zum Erstellen und Bearbeiten von Video, Bild und Audio in deinem Browser.

Jetzt kostenlos ausprobieren

2) Retro-Regatta

HEX: #2D6CDF #34C759 #FF3B30 #FFF4E6 #1C1C1E

Stimmung: retro, sportlich, beschwingt

Am besten geeignet für: Sommer-Event-Plakatdesign

Beschwingte Retro-Sport-Stimmung erinnert an Segelnummern, helle Trillerpfeifen und sonniges Wasser. Lass das kräftige Blau und Grün die Hauptformen tragen, während das Rot Überschriften oder Datumsblöcke hervorhebt. Der warme Elfenbein-Hintergrund sorgt für eine freundliche Wirkung und nahezu Schwarz verankert kleinen Text sowie Sponsorenzeilen. Tipp: Halte die Schrift fett und geometrisch, damit die Palette aus der Entfernung sofort wahrgenommen wird.

Bildbeispiel von Retro-Regatta, erstellt mit media.io

3) Waldkarneval

HEX: #145A32 #1E88E5 #C62828 #F1F8E9 #4E342E

Stimmung: erdig, verspielt, märchenhaft

Am besten geeignet für: Botanische Illustrationsreihe für soziale Medien

Erdige Verspieltheit wirkt wie ein Märchenfest im Waldlicht. Tiefes Grün und Himmelblau übernehmen Blätter und Schatten, während Rot charmante Beeren und kleine Akzente setzt. Sanftes Mint hellt auf, Braun bringt handgezeichnete Wärme in die Konturen. Tipp: Verwende Rot sparsam als „Breadcrumb“ fürs Auge im Karussell.

Bildbeispiel von Waldkarneval, erstellt mit media.io

4) Stadtschnellverkehr

HEX: #003B73 #00A676 #D7263D #F7F7FF #2E294E

Stimmung: urban, effizient, kontrastreich

Am besten geeignet für: Orientierungssystem-Konzept

Urbane Effizienz wirkt wie saubere Bahnhofskacheln, scharfe Pfeile und klare Bahnsteignummern. Dieses Blau-Grün-Rot-Farbschema funktioniert am besten, wenn Blau Hauptinformationsfarbe ist, Grün Bestätigungen unterstützt und Rot für Warnungen reserviert bleibt. Off-White hält Schilder lesbar, Indigo sorgt für Tiefe an Sekundärpaneelen. Tipp: Standardisiere Icon-Linien in Indigo für ein konsistentes System.

Bildbeispiel von Stadtschnellverkehr, erstellt mit media.io

5) Gartenkiosk

HEX: #2F6690 #3A7D44 #D1495B #E9ECEF #1B1B1E

Stimmung: frisch, freundlich, lokalmarkt

Am besten geeignet für: Bauernmarkt-Händler-Logo und Etiketten

Frischer Charme vom Wochenmarkt erinnert an Kreidetafeln und Bündel von Kräutern am Stand. Blau eignet sich als Basis fürs Logo, Grün für natürliche Hinweise und mattes Rot für saisonale Highlights wie Erdbeeren oder Tomaten. Hellgrau hält die Etiketten sauber, Schwarz sichert Lesbarkeit bei kleinen Schriftarten auf Gläsern und Tüten. Tipp: Drucke das Rot als Spot-Akzent auf ein Stickerelement, um Kosten zu sparen und die Konsistenz zu stärken.

Bildbeispiel von Gartenkiosk, erstellt mit media.io

6) Alpenpicknick

HEX: #1B4965 #5FAF4E #E84855 #F0EBD8 #3D3D3D

Stimmung: naturverbunden, gemütlich, optimistisch

Am besten geeignet für: Werbeanzeige für Camping-Ausrüstung

Naturverbundener Optimismus wirkt wie eine Picknickdecke am kühlen See. Bau Blau und Beige für die beruhigende Basis, füge Grün für Öko-Hinweise und Wegdetails hinzu. Warmes Rot eignet sich perfekt für Preislabel oder Aktions-Tag, ohne aufdringlich zu wirken. Tipp: Lass den Hintergrund Beige und setze Rot nur für einen Fokuspunkt ein, um optischen Lärm zu vermeiden.

Bildbeispiel von Alpenpicknick, erstellt mit media.io

7) Neonhafen

HEX: #0A84FF #00D084 #FF2D55 #0B0B0F #F2F2F7

Stimmung: Nachtleben, Neon, technisch

Am besten geeignet für: Musik-App-Playlist-UI-Screens

Im Nachtleben leuchten Neonfarben wie Club-Schilder auf dunklem Wasser. Verwende fast Schwarz als Bühne, elektrisches Blau und Neongrün für aktive Zustände und Prozesselemente. Heißes Rot eignet sich als Mikro-Akzent für Likes, Hinweise oder Live-Badges. Tipp: Weiche große Texblöcke in hellgrau ab, damit die grellen Farben kräftig wirken ohne das Auge zu ermüden.

Bildbeispiel von Neonhafen, erstellt mit media.io

8) Vintage-Atlas

HEX: #1D3557 #2A9D8F #E76F51 #F4A261 #FAF9F6

Stimmung: traditionell, warm, abenteuerlich

Am besten geeignet für: Editorial-Magazin-Doppelseitenlayout

Traditionelle Wärme erinnert an gealtertes Kartenpapier, gestempelte Routen und Reisenotizen am Rand. Tiefes Blau setzt starke Headlines, Türkis unterstützt Abschnittslabels und das Rot-Orange hebt Zitate oder Marker hervor. Sandtöne machen große Flächen weich und das Layout einladend. Tipp: Kombiniere mit einer Serif-Überschrift und halte Akzentformen fein, damit das Layout redaktionell bleibt und nicht comicartig wirkt.

Bildbeispiel von Vintage-Atlas, erstellt mit media.io

9) Minimal-Abzeichen

HEX: #114B5F #1A936F #D00000 #F3E9D2 #2D2A32

Stimmung: minimalistisch, hochwertig, fokussiert

Am besten geeignet für: Kaffeebeutel-Verpackungsetikett

Minimaler Premium-Fokus wirkt wie ein einzelner Wachssiegel auf strukturiertem Papier. Verwenden Sie für das Hauptetikettfeld Petrolblau, für dezente Icons Mintgrün und für ein auffälliges Abzeichen wie die Röststufe Rot. Der warme beigetönige Hintergrund verleiht handwerklichen Charakter, während dunkles Anthrazit die Details klar hält. Tipp: Lassen Sie großzügige Ränder um das rote Abzeichen, damit es gezielt wirkt und nicht überladen.

Beispielbild eines minimalen Abzeichens, erstellt mit media.io

10) Festivalplakat

HEX: #005F73 #0A9396 #AE2012 #E9D8A6 #001219

Stimmung: kräftig, künstlerisch, sonnenverwöhnt

Am besten geeignet für: Design für Straßenfest-Flyer

Kräftige, künstlerische Energie wirkt wie bemalte Banner und laute Musik unter heißer Nachmittagssonne. Blau und Petrol tragen die großen Formen, während Ziegelrot Daten und Ticketinformationen mit Dringlichkeit versieht. Das sandige Gelb unterstützt Strukturen und Hintergrundflächen, ohne den Kontrast zu vermindern. Tipp: Verwenden Sie den dunklen Farbton nur für einen einzigen unteren Streifen, damit Sponsoren und QR-Codes gut lesbar bleiben.

Beispielbild eines Festivalplakats, erstellt mit media.io

11) Modernes Teehaus

HEX: #15616D #2EC4B6 #E71D36 #FFDDD2 #0B1320

Stimmung: modern, ruhig, Boutique-Charakter

Am besten geeignet für: Café-Menü und Tischaufsteller-Set

Moderne Ruhe fühlt sich an wie beschlagenes Glas, saubere Keramik und eine stille Theke zur Öffnungszeit. Verwenden Sie das tiefe Blau für Überschriften, Petrol für Abschnittstrenner und Rot für ein oder zwei Signature-Gerichte. Blush hält das Menü weich und einladend, während das fast Schwarz die Kleingedruckten klar hält. Tipp: Rot nur für kleine Punkte oder Preismarkierungen einsetzen, damit das Set hochwertig wirkt – nicht wie Fast Food.

Beispielbild des modernen Teehauses, erstellt mit media.io

12) Wintermarkt

HEX: #1C77C3 #39A275 #E5383B #F8F9FA #343A40

Stimmung: klar, festlich, strukturiert

Am besten geeignet für: E-Mail-Vorlage für Feiertagsnewsletter

Klar strukturierte Festlichkeit wirkt wie Lichterketten im frischen Schnee. Blau für Überschriften und Links, Grün für positive Hervorhebungen und Rot für Geschenk-Highlights oder Aktionsbanner. Der fast weiße Hintergrund hält die Mail leicht, während dunkles Grau die Lesbarkeit bei langen Texten verbessert. Tipp: Den primären CTA grün machen und Rot nur für sekundäre, dringliche Labels einsetzen – so wirken Klicks gezielt, nicht bedrängend.

Beispielbild des Wintermarkts, erstellt mit media.io

13) Studio Primary

HEX: #1E3A8A #16A34A #DC2626 #F5F5F4 #0F172A

Stimmung: klassisch, studio-sauber, professionell

Am besten geeignet für: Titelseite des Brand Style Guides

Klassisches, studio-sauberes Selbstbewusstsein wirkt wie frisches Papier, scharfe Raster und gut ausgeleuchtete Mock-ups. Eine blaue Basis plus grüne Unterstützungsakzente sorgen für Professionalität, Rot eignet sich ideal für Registerkarten oder Schlüsselregeln. Altweiß lässt die Seite atmen, tiefer Schiefer gibt der Typografie eine Premium-Note. Tipp: Rot nur bei Überschriften oder Trennern verwenden, damit der Guide diszipliniert und gut scanbar bleibt.

Beispielbild von Studio Primary, erstellt mit media.io

14) Korallenriff-Route

HEX: #00509D #00A896 #D90368 #F0F3BD #1B263B

Stimmung: tropisch, lebendig, energiegeladen

Am besten geeignet für: Verpackung für Bademodenprodukte

Tropisch lebendige Energie erinnert an Riff-Farben unter klarem Wasser. Blau und Aqua dominieren die Verpackungsbasis, das Pinkrot dient als markanter Muster- oder Logo-Akzent. Der helle Limettenhintergrund sorgt für sonnige Wirkung, ohne Neoncharakter. Tipp: Kombinieren Sie die Akzentfarbe mit schlichter serifenloser Schrift und vermeiden Sie Zusatzfarben, damit der Regal-Effekt stark bleibt.

Beispielbild der Korallenriff-Route, erstellt mit media.io

15) Artisan Label

HEX: #2B50AA #3EB489 #C1121F #FDF0D5 #780000

Stimmung: handwerklich, reichhaltig, nostalgisch

Am besten geeignet für: Etikett für Chilisaucenflaschen

Handwerkliche Fülle erinnert an Kleinserienküchen und handgestempelte Etiketten. Für den Markenblock kräftiges Blau, Minze für Frischehinweise und dunkles Rot für Schärfegrad oder Abzeichen. Creme hält das Etikett gut lesbar, dunkles Maroon sorgt für einen edlen, gereiften Look. Tipp: Hauptrot auf einen Bereich begrenzen, dann mit kleinen Pfeffer-Icons wiederholen, um Kohärenz zu schaffen.

Beispielbild des Artisan Labels, erstellt mit media.io

16) Kindermuseum

HEX: #3A86FF #06D6A0 #EF476F #FFFCF9 #073B4C

Stimmung: verspielt, hell, einladend

Am besten geeignet für: UI für Workshop-Anmeldung von Kindern

Verspielte Helligkeit erinnert an Mitmach-Stationen und bunte Lerninseln. Blau für Struktur und Navigation, Grün für Fortschrittsanzeigen und Pinkrot für freundliche Highlights wie Abzeichen oder Event-Tags. Altweiß hält die Oberfläche luftig, dunkles Petrol sorgt für Lesbarkeit der Überschriften. Tipp: UI-Komponenten abrunden, damit die Farben einladend statt aufdringlich wirken.

Beispielbild des Kindermuseums, erstellt mit media.io

17) Sportbanner

HEX: #004E98 #3C9D23 #D00000 #F8F1F1 #22223B

Stimmung: wettbewerbsstark, fett, energiegeladen

Am besten geeignet für: Social-Banner zur Teamankündigung

Wettbewerbsenergie erinnert an Stadionlichter und ein Comeback in letzter Sekunde. Blau eignet sich gut für die Grundbänder, Grün für dynamische Akzente und Rot für die Schlagzeilen mit Namen und Punkten. Der helle Hintergrund sorgt für bessere Teilbarkeit, dunkles Indigo hält die Schrift scharf. Tipp: Rot kommt nur hinter den Spielernamen, damit die Botschaft beim Scrollen sofort ankommt.

Beispielbild des Sportbanners, erstellt mit media.io

18) Data Dashboard

HEX: #2563EB #10B981 #F43F5E #F9FAFB #111827

Stimmung: modern, analytisch, klar

Am besten geeignet für: SaaS Analytics Dashboard UI

Moderne, analytische Klarheit wirkt wie ordentliche Diagramme, scharfe Labels und ruhige Entscheidungsfindung. Bei dieser Blau-Grün-Rot-Palette steht Blau für die Hauptreihe, Grün für Erfolgskennzahlen und Rot nur für Anomalien. Der helle Hintergrund hält die Daten lesbar, während dunkler Schiefer dichte Navigation unterstützt. Tipp: Rote Punkte auf unter fünf Prozent des Chart-Bereichs begrenzen, damit Warnungen aussagekräftig bleiben.

Beispielbild des Data Dashboards, erstellt mit media.io

19) Holidaysprig

HEX: #0B4F6C #2ECC71 #E74C3C #FDF6E3 #34495E

Stimmung: fröhlich, saisonal, gemütlich

Am besten geeignet für: Einladungskarte für Feiertage

Fröhliche, saisonale Gemütlichkeit wirkt wie immergrüne Zweige auf einer warmen cremefarbenen Karte. Verwenden Sie tiefes Blau für Haupttext und Rahmen, Grün für Blätter-Illustrationen, Rot für Beeren oder einen kleinen RSVP-Stempel. Schiefer hält sekundäre Details zurückhaltend. Tipp: Wählen Sie entweder Rot oder Grün als Schwerpunkt der Illustration – das andere bleibt Akzent für Balance.

Beispielbild der Holidaysprig, erstellt mit media.io

20) Street Mural

HEX: #22356F #00B06B #F94144 #F6F7EB #2B2D42

Stimmung: fett, kreativ, zeitgenössisch

Am besten geeignet für: Plakat zur Ausstellungseröffnung

Kräftige, zeitgenössische Kreativität fühlt sich an wie frische Farbe, große Flächen und ein selbstbewusster Schrift-Rhythmus. Blau und Grün bilden große Blöcke, das kräftige Rot treibt den Blickfang in der Überschrift für maximale Straßenwirkung. Für Designer, die Blau-Grün-Rot-Kombinationen suchen: Bleiben Sie modern mit off-white Hintergrund und dunklen Schatten. Tipp: Begrenzen Sie Verläufe und nutzen stattdessen Volltonflächen, damit das Plakat in großer Auflage sauber druckt.

Beispielbild vom Street Mural, erstellt mit media.io

21) Clinic Calm

HEX: #1B5EAA #2BB673 #E23D3D #F5F7FA #243B53

Stimmung: ruhig, vertrauenswürdig, klinisch-sauber

Am besten geeignet für: UI für Terminbuchung im Gesundheitswesen

Ruhige Vertrauensfarben erinnern an helle Wartezimmer und klare Beschilderung, die Stress reduziert. Blau für Navigation und Überschriften, Grün für die Bestätigung und Verfügbarkeit, Rot nur für wichtige Validierungsnachrichten. Der sanfte Grauweiß-Hintergrund hält alles gut lesbar, während tiefes Blau-Grau Formlabels und Icons unterstützt. Tipp: Fehlerstatus dezent halten, indem Rot nur mit kleinen Icons und Klartext statt großen Blöcken kombiniert wird.

Beispielbild von Clinic Calm, erstellt mit media.io

22) Market Metrics

HEX: #0F62FE #24A148 #FA4D56 #EDF5FF #161616

Stimmung: scharf, datengetrieben, unternehmerisch

Am besten geeignet für: Infografik für Finanzbericht

Klarheit im Unternehmenskontakt wirkt wie ein sauberer Berichtsdeck und entschlossene Grafiken. Blau für Balken und Überschriften, Grün für Wachstum, Rot für negative Differenzen und Risikohinweise. Der blaßblaue Hintergrund poliert das Bild, ohne den Kontrast zu nehmen; fast schwarz hält Annotationen lesbar. Tipp: Legenden standardisieren, so sind die Farben seitenübergreifend stets gleichbedeutend.

Beispielbild der Market Metrics, erstellt mit media.io

Welche Farben passen gut zu Blau-Grün-Rot?

Neutraltöne machen diese Palette leichter kontrollierbar: Off-White, warmes Creme, kühles Hellgrau und Anthrazit sorgen für bewusste und gut lesbare Farbakzente. Beim UI-Design zuerst einen hellen Hintergrund und eine dunkle Textfarbe auswählen, dann das Farbdreieck darüber schichten.

Für zusätzliche Tiefe nutzen Sie einen „Brücken“-Ton wie Petrol (zwischen Blau und Grün) oder Koralle (zwischen Rot und Orange). Diese unterstützenden Nuancen sorgen für sanfte Übergänge, besonders bei Verläufen, Illustrationen und großen Posterformen.

Auch Metallics ergänzen die Palette gut – Silber für einen Tech-Look oder ein mattes Gold für Premiumverpackung – ohne mit dem Kernkontrast Blau/Grün/Rot zu konkurrieren.

Wie man eine Blau-Grün-Rot-Farbpalette in realen Designs verwendet

Nicht Prozentzahlen, sondern Funktionsrollen definieren den Farbverlauf: eine gängige Aufteilung ist 60–30–10: Blau als Basis, Grün als unterstützendes System und Rot als Akzent für Call-to-Actions, Warnungen oder Schlüssellabels.

Um Farbkonflikte zu vermeiden, Sättigung bei allen drei Tönen angleichen und Rot sparsamer nutzen, als man denkt – ein Hauptbutton pro Bereich, ein „Warnstil“ oder ein Headlinestrich auf einem Plakat sind oft ausreichend.

Für Barrierefreiheit prüfen Sie den Kontrast von Text und Symbolen. Rot und Grün können für farbenblinde Nutzer schwierig sein, kombinieren Sie diese also mit Symbolen, Mustern oder Beschriftungen, um die Bedeutung zu verstärken.

Erstelle Blau-Grün-Rot-Palettenvisuals mit KI

Wenn Sie Ihre Farbpalette sehen möchten, bevor Sie sie in einen Markenleitfaden aufnehmen, erstellen Sie schnelle Mockups: Landingpages, Poster, Verpackungsetiketten und App-Oberflächen. Das ist eine schnelle Möglichkeit, Hierarchien zu testen und herauszufinden, wo Rot erscheinen sollte (und wo nicht).

Mit den Text-zu-Bild-Werkzeugen von Media.io können Sie eine Eingabe einfügen, das Seitenverhältnis festlegen und Layoutstile ausprobieren – flach, realistisch, editorial oder mutig geometrisch – während Sie Ihre Blau/Grün/Rot-Richtung beibehalten.

Weiter: Farbpalette See