Die 20 besten Farbpaletten in Blau, Grün und Pink: Hex-Codes & Design-Tipps

Blau, Grün und Pink sind ein überraschend vielseitiges Farbtrio: Es kann je nach Sättigung und Kontrast maritim und beruhigend, frisch und modern oder auffällig und bereit für das Nachtleben wirken.

Unten finden Sie 20 sofort einsetzbare Blau-Grün-Pink-Farbpaletten mit HEX-Codes sowie praktische Hinweise für UI, Branding, Poster und Verpackungen.

Warum funktionieren Blau-Grün-Pink-Paletten so gut?

Blau und Grün liegen auf dem Farbkreis nahe beieinander und wirken daher von Natur aus harmonisch und „stabil“ im Layout. Pink dient dann als energetischer Kontrast, der Aufmerksamkeit erregt, ohne harte Neutraltöne oder starke Schatten zu benötigen.

Dieses Trio lässt sich auch gut auf typische UI- und Branding-Rollen abbilden: Blau steht für Vertrauen und Struktur, Grün/Türkis für positive Zustände und Frische und Pink für Akzente wie Abzeichen, sekundäre CTAs und Mikrointeraktionen.

Da Sie mit Pastelltönen, Mitteltönen oder Neon arbeiten können, passt eine Blau-Grün-Pink-Palette zu vielen Branchen – von Wellness und Hautpflege bis SaaS, Events und Streetwear.

20+ Blau-Grün-Pink-Farbpalettenideen (mit HEX-Codes)

1) Lagoon Blush

HEX: #1d7fbf #24b3a8 #f26aa6 #f7e9f0 #0b2b3a

Stimmung: frisch, maritim, aufmunternd

Am besten für: Beauty-Branding und Social-Media-Vorlagen

Frische, maritime Energie kommt durch wie klares Wasser und ein rosiger Sonnenuntergang. Verwenden Sie das tiefe Marineblau als Schriftfarbe und lassen Sie Türkis und Pink Buttons, Badges und Highlights tragen. Funktioniert wunderbar auf klaren Layouts mit viel Weißraum und sanften Verläufen. Tipp: Verwenden Sie Pink nur für kleine Akzente, damit das Türkis frisch und modern bleibt.

Bildbeispiel von Lagoon Blush, generiert mit media.io

Media.io

Media.io ist ein Online-AI-Studio zum Erstellen und Bearbeiten von Video, Bild und Audio im Browser.

Jetzt kostenlos ausprobieren

2) Mintiges Bubblegum

HEX: #2a6fdb #66e3c4 #ff5fb7 #fff3fb #1f2a44

Stimmung: verspielt, glänzend, fröhlich

Am besten für: Kinder-App-UI und Onboarding-Screens

Verspielt und glänzend wie Bonbonverpackungen und Sommeraufkleber. Bauen Sie die UI um den luftigen Fast-Weiß-Hintergrund und verwenden Sie das helle Blau für Primär-Aktionen und Mint für Erfolgsmeldungen. Pink glänzt bei Mikrointeraktionen wie Schaltern, Herzen und Fortschrittsmarkern. Tipp: Belassen Sie den Text auf dem tintigen Schiefer, damit die Oberfläche auf Pastelltönen gut lesbar bleibt.

Bildbeispiel von Minty Bubblegum, generiert mit media.io

3) Korallenriff-Pop

HEX: #0e6ba8 #2ec4b6 #ff4d8d #ffd6e8 #ffb703

Stimmung: leuchtend, tropisch, energetisch

Am besten für: Event-Poster und Pop-up-Promos

Leuchtende, tropische Pop-Energie wie Korallenriffe, sonnendurchflutetes Wasser und laute Musik. Diese Blau-Grün-Pink-Palette mag große Formen und starke Typografie, der goldene Akzent ist besonderen Hinweisen und Daten vorbehalten. Kombinieren Sie es mit fetten Sans-Serif-Schriften und schlichten Icons, um visuelles Durcheinander zu vermeiden. Tipp: Auf einen naturweißen Karton drucken, um den Neoncharakter beizubehalten ohne Übersättigung.

Bildbeispiel von Coral Reef Pop, generiert mit media.io

4) Seafoam Studio

HEX: #2f5aa6 #3fc1b1 #e34f9a #f2f4f7 #20304a

Stimmung: poliert, kreativ, ruhig

Am besten für: Portfolioseiten und Agenturpräsentationen

Poliert und ruhig wie ein Designstudio mit Tageslicht und aufgeräumten Schreibtischen. Verwenden Sie das kühle Hellgrau als Hauptfläche, setzen Sie Türkis für Abschnittsüberschriften und Blau für die Navigation ein. Magenta bringt Persönlichkeit, wenn es als einzelner auffälliger Akzent pro Seite genutzt wird. Tipp: Halten Sie Farbverläufe subtil und lassen Sie das saubere Layout die Hauptwirkung entfalten.

Bildbeispiel von Seafoam Studio, generiert mit media.io

5) Candy Coastline

HEX: #1f8acb #45d1b3 #ff7ab2 #ffe6f1 #2b2d42

Stimmung: hell, freundlich, einladend

Am besten für: Hochzeits-Websites und RSVP-Seiten

Hell und freundlich wie Meerglas neben sanften Bonbonpastellen. Der luftige Rosa-Hintergrund schafft Raum für elegante Schrift, während Blau und Türkis für Struktur wie Menüs und Trennlinien sorgen. Pink ist perfekt für RSVP-Buttons, Monogramme und kleine florale Akzente. Tipp: Einen Hauch Anthrazit für Namen und Termine hinzufügen, damit alles klar bleibt.

Bildbeispiel von Candy Coastline, generiert mit media.io

6) Neon Garden Party

HEX: #0066ff #00d084 #ff2e88 #f9ff6a #111827

Stimmung: kräftig, nightlife, hohe Wirkung

Am besten für: Straßenplakate und DJ-Flyer

Kräftige Nightlife-Energie wie Neonlichter gegen einen Mitternachtshimmel. Diese Blau-Grün-Pink-Kombis sind am stärksten, wenn der Hintergrund dunkel bleibt und ein Neon die Hierarchie anführt. Limettengrün als gezieltes Highlight für Uhrzeiten, QR-Codes oder limitierte Angebote nutzen. Tipp: Weichen Leuchteffekt nur bei Überschriften, nicht jedem Element, um optischen Lärm zu vermeiden.

Bildbeispiel von Neon Garden Party, generiert mit media.io

7) Pastell-Aquarium

HEX: #7aa7ff #88f0d0 #ff9fd0 #f7f7ff #2f3a56

Stimmung: sanft, verträumt, luftig

Am besten für: Hautpflegeverpackungen und Etiketten

Sanft und verträumt wie Blasen, die durchs klare Wasser schweben. Der helle Hintergrund lässt die Palette schwerelos wirken, während der dunklere Schieferton ideal für Zutaten und Kleingedrucktes ist. Pastellblau eignet sich für das Branding-Element, Pink für ein einzelnes Signature-Abzeichen oder Duft-Hinweis. Tipp: Mit matten Oberflächen kombinieren für einen sanften, hochwertigen Look.

Bildbeispiel von Pastell-Aquarium, generiert mit media.io

8) Tropisches Sorbet

HEX: #1982c4 #8ac926 #ff595e #ffca3a #6a4c93

Stimmung: sommerlich, verspielt, abenteuerlich

Am besten für: Reiseanzeigen und saisonale Kampagnen

Sommerlich und abenteuerlustig wie Fruchtsorbet, das in der Sonne schmilzt. Setzen Sie das kräftige Blau als Anker für das Layout, und streuen Sie Grün und warme Akzente für Reiseziele, Preisschilder und Icons ein. Das Korallenrot eignet sich hervorragend für auffällige CTAs, ohne aggressiv zu wirken. Tipp: Hintergründe schlicht halten, damit die Multicolor-Energie gezielt und nicht chaotisch wirkt.

Bildbeispiel von Tropical Sorbet, generiert mit media.io

9) Moderne Meerjungfrau

HEX: #235789 #2ac3a2 #ff6fb5 #d7fff1 #0b1320

Stimmung: elegant, ozeanisch, modern

Am besten für: SaaS-Landingpages und Feature-Bereiche

Elegante ozeanische Stimmung – modern, aufgeräumt und leicht geheimnisvoll. Verwenden Sie das fast schwarze Blau für Hero-Überschriften und setzen Sie Türkis für Feature-Highlights und Diagramme ein. Pink ist ein starker Akzent für sekundäre CTAs oder Badges wie „neu“ oder „beta“. Tipp: Subtile wellenförmige Hintergrundformen mit sehr niedriger Deckkraft sorgen für Tiefe ohne Ablenkung.

Beispielbild einer modernen Meerjungfrau, generiert mit media.io

10) Clean Clinic Fresh

HEX: #3b82f6 #10b981 #fb7185 #f8fafc #334155

Stimmung: sauber, vertrauenswürdig, beruhigend

Am besten für: Gesundheits-Dashboards und Terminseiten

Sauber und beruhigend, wie eine helle Klinik mit frischer Bettwäsche und klarer Beschilderung. Dieses blau-grün-pinke Farbschema funktioniert am besten mit viel Weißraum, wobei Blau die Navigation unterstützt und Teal für Erfolg oder abgeschlossene Schritte steht. Das sanfte Pink eignet sich für dezente Hinweise, Highlights oder personalisierte Momente. Tipp: Begrenzen Sie Pink auf einen Komponententyp, damit die Benutzeroberfläche klinisch und vertrauenerweckend bleibt.

Beispielbild von Clean Clinic Fresh, generiert mit media.io

11) Retro Poolside

HEX: #005f73 #0a9396 #ee9b00 #ff5d8f #e9d8a6

Stimmung: retro, sonnig, entspannt

Am besten für: Sommermenüs und Café-Beschilderung

Retro-Sonnenschein-Atmosphäre erinnert an Poolfliesen, gestreifte Sonnenschirme und kühle Drinks. Teal-Töne können Hauptblöcke und Rahmen übernehmen, während das warme Sandgelb alles freundlich macht. Pink dient als prägnanter Akzent für Specials oder zeitlich begrenzte Angebote. Tipp: Verwenden Sie abgerundete Typografie, um den Vintage-Look zu betonen.

Beispielbild von Retro Poolside, generiert mit media.io

12) Sakura Harbor

HEX: #3a86ff #2ec4b6 #ffafcc #bde0fe #1b263b

Stimmung: sanft, romantisch, luftig

Am besten für: Frühlingseditoriale und Lookbooks

Sanft und luftig, wie Kirschblüten, die an einem hellen Wasserufer treiben. Das blasse Himmelblau schafft weiche Spalten und Ränder, während das tiefe Marineblau den Fließtext gut lesbar hält. Fügen Sie Teal für Linien, Icons und Zitate hinzu und nutzen Sie Pink in kleinen Highlights und Bildunterschriften. Tipp: Viel Weißraum und feine Linien bringen ein luftiges Magazin-Gefühl.

Beispielbild von Sakura Harbor, generiert mit media.io

13) Pebble and Petal

HEX: #2b59c3 #7bdcb5 #f284b6 #e5e5e5 #6b7280

Stimmung: weich, bodenständig, modern

Am besten für: Interior-Moodboards und Wohnaccessoire-Shops

Weich und geerdet, wie glatte Kieselsteine mit einem einzigen, leuchtenden Blütenblatt obendrauf. Das sanfte Grau lässt die Farben erwachsen wirken und ist ideal für wohnorientierte Marken. Blau sorgt für Struktur, Mint für Frische und Pink als kleiner Styling-Akzent wie Etiketten oder Tags. Tipp: Natürliche Texturen wie Leinen oder helle Eiche einmischen, damit die Palette warm bleibt.

Beispielbild von Pebble and Petal, generiert mit media.io

14) Oceanic Candy

HEX: #006ba6 #00c2a8 #ff4fa3 #f1f5f9 #0f172a

Stimmung: klar, modern, kontrastreich

Am besten für: Tech-Branding und App-Icon-Systeme

Klarer, moderner Kontrast fühlt sich an wie kalte Meeresluft mit einem bunten Bonbon-Twist. Der fast weiße Hintergrund ist scharf, während tiefes Marineblau Texte und Icons betont. Teal eignet sich für Systemzustände und Diagramme, Pink bleibt ein markanter Markenakzent bei Icons. Tipp: Verwenden Sie flächige Füllungen für Icons, damit die Palette auch bei kleinen Größen sauber wirkt.

Beispielbild von Oceanic Candy, generiert mit media.io

15) Art School Mix

HEX: #1e40af #22c55e #ec4899 #fef3c7 #111827

Stimmung: kreativ, mutig, praxisorientiert

Am besten für: Workshop-Flyer und Kurspläne

Kreativ und mutig, wie Farbmuster an einer Atelierwand. Dieses blau-grün-pinke Farbschema harmoniert mit warmen Papiertönen und lässt das Layout weniger digital und mehr handgemacht wirken. Grün für Kategorien, Blau für Struktur und Pink für wichtige Momente wie Anmeldung oder Frühbucher. Tipp: Wählen Sie eine verspielte Display-Schrift und halten Sie den Rest für Klarheit einfach.

Beispielbild von Art School Mix, generiert mit media.io

16) Soft Spa Day

HEX: #4f9cf0 #5eead4 #fda4af #faf5ff #475569

Stimmung: beruhigend, zart, erholsam

Am besten für: Wellness-Newsletter und Landing Pages

Beruhigend und zart, wie warmer Dampf, kühles Wasser und ein rosa Handtuch. Die lavendel-weiße Grundfläche hält alles sanft, Blau und Teal führen das Auge durch Überschriften und Buttons. Pink eignet sich hervorragend als dezentes Highlight für Zitate, Kundenstimmen oder kleine Icons. Tipp: Dünne Trenner und weiche Schatten statt markanter Rahmen verwenden.

Beispielbild von Soft Spa Day, generiert mit media.io

17) Playroom Splash

HEX: #2563eb #34d399 #fb7185 #fef08a #1f2937

Stimmung: fröhlich, hell, kinderfreundlich

Am besten für: Geburtstagseinladungen und Party-Beschilderung

Fröhlich und hell, wie Bauklötze in einem sonnigen Spielzimmer. Blau ist ideal für die Hauptüberschrift und Mint für unterstützende Formen und Icons. Pink bringt Süße in Namen und Highlights, das helle Gelb eignet sich perfekt für konfettiartige Details. Tipp: Dicke Linien und große Schrift drucken, damit alles auch aus der Ferne gut lesbar ist.

Beispielbild von Playroom Splash, generiert mit media.io

18) Streetwear Punch

HEX: #0b5ed7 #00b894 #ff3f8e #c7f9cc #0b132b

Stimmung: selbstbewusst, urban, edgy

Am besten für: Apparel-Drops und Produktanzeigen

Selbstbewusst und urban, wie plakative Grafiken auf einer nächtlichen Straße. Diese blau-grün-pinken Farbkombinationen wirken am besten mit starkem Kontrast: dunkler Marine-Hintergrund, scharfes Blau für Schrift – und nur ein einziger kräftiger Pink-Akzent. Mint kann Details wie Größenangaben, Versand oder Slogans weicher wirken lassen. Tipp: Layout minimal halten und ein übergroßes grafisches Element den Ton angeben lassen.

Beispielbild von Streetwear Punch, generiert mit media.io

19) Gallery Calm

HEX: #1d4ed8 #14b8a6 #f472b6 #f3f4f6 #111827

Stimmung: ruhig, kuratiert, zeitgenössisch

Am besten für: Kreative Portfolios und Fallstudien

Ruhig und kuratiert, wie eine moderne Galerie mit einem markanten Kunstwerk an der Wand. Der hellgraue Hintergrund sorgt für einen professionellen Ton, Blau und Teal schaffen eine souveräne Informationshierarchie. Pink wird am besten gezielt für Links, Hover-Zustände oder wichtige Projekte genutzt. Tipp: Mit großen Bildern und kurzen Bildunterschriften wirkt alles wie ein sauberes Editorial.

Beispielbild von Gallery Calm, generiert mit media.io

20) Sunset Tide

HEX: #0077b6 #2a9d8f #ff6fae #ffd166 #073b4c

Stimmung: warm, optimistisch, maritim

Am besten für: Botanische Poster und Frühlingsillustrationen

Warm und optimistisch, wie das letzte Licht über den Ozeanwellen. Dunkles Teal-Blau für Konturen und Schriften, das hellere Teal für Blätter und Stiele. Pink- und Goldakzente passen wunderbar zu Blumen, Obst und kleinen Verzierungen. Tipp: Aquarelltexturen und weiche Kanten nutzen, damit die Palette organisch und nicht flach wirkt.

Beispielbild von Sunset Tide, generiert mit media.io

Welche Farben passen zu Blau-Grün-Pink?

Neutrale Töne sind die besten Stabilisatoren: Off-White, helles Grau, Anthrazit und tiefes Marineblau lassen die Blau-Grün-Basis sauber wirken, während Pink als bewusster Akzent bleibt. Bei Typografie schneiden dunkle Schiefer-/Tintentöne auf hellen oder pastelligen Hintergründen meist besser ab als reines Schwarz.

Wer zusätzliche Wärme möchte, kann Sand, Buttergelb oder sanftes Gold ergänzen, um die Kühle von Teal und Blau auszugleichen. Für mehr Aufmerksamkeit sorgt etwas Limetten- oder Sonnengelb – sparsam eingesetzt, damit Pink trotzdem auffällig bleibt.

Für einen hochwertigen Look kombinieren Sie die Palette mit natürlichen Texturen (Papier, Leinen, helles Holz) oder dezenten Verläufen. Dadurch wirkt das Trio auch im Druck oder Packaging weniger „zu digital“.

Wie Sie eine Blau-Grün-Pink-Palette im echten Design einsetzen

Starten Sie mit der Rollenverteilung: eine „Strukturfarbe“ (meist Blau), eine „Statusfarbe“ (Grün/Teal für Erfolg, Abschluss, Bestätigung) und Pink gezielt für Akzente wie sekundäre CTAs, Highlights, Hover-Zustände. So vermeiden Sie, dass alles gleich laut wirkt.

Achten Sie auf Sättigung und Abstand. Pastell-Versionen profitieren von viel Weißraum und dünnen Linien; Neon-Versionen brauchen dunkle Hintergründe und wenige Elemente pro Bildschirm. Im Druck sind Off-White-Papiere und matte Oberflächen hilfreich gegen Übersättigung und Reflexionen.

Barrierefreiheit sichern Sie durch Kontrastprüfungen, besonders bei pinker Schrift auf hellem Hintergrund oder teal auf Weiß. Im Zweifel lieber den Fließtext in tiefem Marineblau/Schiefer und die knalligen Farben für Formen, Icons und UI-Elemente verwenden.

Erstellen Sie Blau-Grün-Pink-Visuals mit KI

Wenn Sie eine Markenrichtung präsentieren oder ein UI-Moodboard bauen, helfen schnelle, palettengetreue Visuals den Beteiligten, das Konzept sofort zu erfassen. Die schnellste Methode ist, eine Szene zu beschreiben, eine klare Komposition zu wählen und Akzente, Labels oder Hintergründe farblich abzustimmen.

Für gleichbleibende Ergebnisse immer denselben Prompt-Aufbau verwenden und nur das Thema (Poster, Verpackung, Landingpage, Iconset) austauschen. Exportieren Sie mehrere Varianten und wählen Sie die mit der besten Hierarchie und dem klarsten Kontrast.

Weiter: Gelb-Türkis Farbpalette