Teal, Blau und Grün: 20 Farbpaletten-Ideen mit Hex-Codes

Blaugrün liegt genau im perfekten Bereich zwischen ozeanisch-kühl und naturverbunden, was es einfach macht, Designs zu kreieren, die sowohl modern als auch beruhigend wirken. In Benutzeroberflächen wirkt es frisch und hell, im Branding tief und hochwertig.

Unten findest du über 20 Ideen für blaugrüne Farbkombinationen mit HEX-Codes sowie praktische Hinweise zur Stimmung, besten Anwendungsfällen und KI-Prompts zur Generierung entsprechender Visuals.

Warum blaugrüne Paletten so gut funktionieren

Blaugrüne Paletten balancieren auf natürliche Weise Wärme und Kühle: Blau vermittelt Stabilität und Vertrauen, Grün bringt Frische und „gesunde“ Energie. Das macht sie vielseitig einsetzbar – für Branding, Innenräume und digitale Produktgestaltung.

Sie funktionieren sowohl in subtilen Nuancen (spahaft, luftige Hintergründe) als auch in tiefen, dunklen Ankern (hochwertig, filmisch, kontrastreich). Mit dem richtigen Neutralton wirkt Blaugrün minimalistisch, ohne steril zu werden.

Am wichtigsten ist, dass diese Nuancen für eine klare Hierarchie sorgen: Dunklere Blautöne sind für Navigation und Typografie geeignet, während helle Seafoam- und Minztöne ruhige Flächen für Karten, Verpackungen oder redaktionelle Seitenränder schaffen.

20+ Ideen für blaugrüne Farbpaletten (mit HEX-Codes)

1) Küsten-Kelp

HEX: #0B6B6E #1E9AA3 #7FD6C7 #A8CFA8 #F2EFE7

Stimmung: sauber, küstennah, geerdet

Am besten für: Badezimmer-Interior-Moodboard

Saubere Meeresluft und von Kelp bewachsene Felsen kommen in den Sinn, mit kühlen Wassertönen, die durch cremiges Licht weicher wirken. Verwende diese Kombination für Küsteninterieurs, spa-ähnliche Bäder oder luftige Hospitality-Räume. Kombiniere mit hellem Eichenholz, gebürstetem Nickel und klaren weißen Fliesen für einen frischen Look. Tipp: Lass das Cremeweiß als Haupt-Hintergrund dienen, damit das Blaugrün ruhig und nicht schwer wirkt.

Bildbeispiel von Küsten-Kelp mit media.io generiert

Media.io

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

Jetzt kostenlos ausprobieren

2) Lagunenglas

HEX: #0E4D64 #00A6A6 #7AE7C7 #C8F4DE #FFF8E8

Stimmung: hell, aquatisch, aufmunternd

Am besten für: Skincare-Produktwerbung

Helles Lagunenwasser und sonnenbeschienenes Glas vermitteln einen klaren, optimistischen Eindruck. Ideal für Hautpflege, Wellness und saubere Produktfotos, bei denen Frische gefragt ist, ohne Neon-Effekt. Kombiniere mit satinierten Texturen, klarem Acryl und warmem Off-White, um einen sterilen Look zu vermeiden. Tipp: Den dunkelsten Blauton nur für kleine Texte und Schatten einsetzen, damit die Werbung luftig wirkt.

Bildbeispiel von Lagunenglas mit media.io generiert

3) Minz-Fjord

HEX: #083D3D #0F766E #35B7A5 #B7E4D0 #E6F2EF

Stimmung: kühl, minimalistisch, zeitgemäß

Am besten für: 2D-UI-Dashboard-Mockup

Kühle Fjordschatten treffen auf minzige Highlights und erzeugen einen modernen, ruhig-selbstbewussten Look. Perfekt für Dashboards, SaaS-Einstellungsseiten und datenlastige Benutzeroberflächen, bei denen Klarheit zählt. Kombiniere mit dünnen Linien-Icons, sanften Trennern und viel Weißraum für ein luftiges Layout. Tipp: Das dunkelste Blaugrün für die Navigation und das helle Mint für Karten nutzen, damit die Hierarchie sofort ersichtlich ist.

Bildbeispiel von Minz-Fjord mit media.io generiert

4) Tiefes Riff

HEX: #052F38 #0A6C74 #0F9D8B #7FD0B4 #F4F7F4

Stimmung: stimmungsvoll, immersiv, ozeantief

Am besten für: Restaurant-Markenidentität

Stimmungsvolle Rifftiefen und biolumineszente Akzente verleihen ein edles, immersives Flair. Diese blaugrüne Farbpalette eignet sich für Fischrestaurants, Cocktailbars und hochwertige Hospitality-Marken mit erwachsenem Küsten-Feeling. Kombiniere mit mattem Schwarz, strukturiertem Papier und subtilem Foliendruck, um die dunkelsten Töne zu betonen. Tipp: Hellblaugrün nur für Highlights wie Icons oder einzelne Linien im Logo verwenden.

Bildbeispiel von Tiefes Riff mit media.io generiert

5) Seeglas Minimal

HEX: #1B4D4E #2F868A #8FD3C8 #D7F0EA #FAFAF6

Stimmung: luftig, sanft, klar

Am besten für: minimalistisches Landingpage-Hero

Luftige Seeglastöne wirken sauber und sanft, wie Licht, das durch raureifbedeckte Strandstücke fällt. Ideal für minimalistische Landingpages, Lifestyle-Marken und ruhige Portfolios. Kombiniere mit warmgrauen Texten und abgerundeten UI-Elementen für Zugänglichkeit. Tipp: Eine mittlere Blaugrün-Tönung für Buttons auswählen und die hellen Nuancen als Hintergrund nutzen.

Bildbeispiel von Seeglas Minimal mit media.io generiert

6) Regnerischer Hafen

HEX: #0B2B3A #145A6A #2FA6A1 #9AD8C8 #D9E2E1

Stimmung: stürmisch, urban, raffiniert

Am besten für: Herrenmode-Lookbook-Layout

Stürmische Hafen-Blautöne und grüne Nässe auf dem Asphalt verleihen einen urbanen, raffinierten Touch. Geeignet für Herrenmode, Technikbekleidung und moderne Editorials mit cooler Selbstsicherheit. Kombiniere mit Anthrazit, Stahlelementen und zurückhaltender Typografie für einen geschärften Eindruck. Tipp: Das gedeckte Graugrün als Seitenbasis und das satte Blaugrün für Überschriften einsetzen.

Bildbeispiel von Regnerischer Hafen mit media.io generiert

7) Tropisches Blätterdach

HEX: #0B3D2E #0F8B6D #19BFAE #B8E3B1 #FFF1D6

Stimmung: satt, energiegeladen, sonnig

Am besten für: Sommerfestival-Poster

Satte Blätterdach-Grüntöne mit einem Schuss tropischem Blaugrün fühlen sich lebendig und sommerwarm an. Perfekt für Sommer-Events, Musikposter und kräftige Social-Media-Grafiken, die sofort Energie vermitteln. Kombiniere mit viel Cremeweiß und kräftigen Sans-Serif-Schriften für gute Lesbarkeit auf Entfernung. Tipp: Das Aqua über das dunklere Grün legen für ausdrucksstarke Kontraste ohne Härte.

Bildbeispiel von Tropisches Blätterdach mit media.io generiert

8) Alpensee

HEX: #0E2A47 #155E75 #1FA6A8 #8EDBD3 #EAF6F5

Stimmung: frisch, naturverbunden, klar

Am besten für: Outdoor-Ausrüstung Produktbanner

Frische Bergluft und klares Seewasser sorgen für ein belebendes und verlässliches Gefühl. Diese Kombinationen funktionieren bei Outdoor-Produkten, Reise-Marken und Performance-Features, bei denen Vertrauen zählt. Kombiniere mit knackigen Fotos, dunkler Navy-Typo und klaren Piktogrammen für einen technischen Eindruck. Tipp: Das hellste Blaugrün auf wichtige Badges wie "wasserdicht" oder "neu" setzen, um Aufmerksamkeit zu lenken.

Bildbeispiel von Alpensee mit media.io generiert

9) Retro-Poolfliese

HEX: #114B5F #028090 #00A896 #A7E8D6 #F9F7F0

Stimmung:spielerisch, retro, sauber

Am besten für:ice cream shop Menü flyer

Verspielte Pool-Fliesen-Blues und sauberes Minzgrün verleihen eine Retro-Sommeratmosphäre. Es passt zu Café-Menüs, Eisladen-Flyern und nostalgischen Verpackungen, ohne sich kitschig anzufühlen. Kombinieren Sie es mit abgerundetem Typ, einfachen Symbolen und einer warmen, weißen Basis, um es freundlich zu halten. Tipp: Verwenden Sie die dunkelste Blau-Grün für die Preise, damit sie auf helleren Blöcken lesbar bleiben.

Bildbeispiel von retro pool tile generiert mit media.io

10) Nordische Fichte

HEX:#0A2E2A#1F6F5B#3BAA88#B8D8C2#F1F3EF

Stimmung:Erdig, ruhig, skandinavisch

Am besten für:Farbplan des Kabineninnenraums

Ruhige Fichtengrünen und kühle Blaugrünen fühlen sich geerdet an wie ein ruhiger skandinavischer Wald. Verwenden Sie es für Kabineneinrichtungen, nachhaltige Marken oder Verpackungen, die natürlich und vertrauenswürdig sind. Kombinieren Sie es mit Leinentexturen, heller Kiefer und weichen schwarzen Akzenten für die Struktur. Tipp: Halten Sie die Sättigung an großen Wänden niedriger und bringen Sie das reichere teal in Textilien und Kunst.

Bildbeispiel von nordic spruce generiert mit media.io

11) Aqua Tinte

HEX:#071A2B#0B3C5D#0D8CA6#5ED3C8#E9FBF8

Stimmung:Elegant, kontrastreich, technisch

Am besten für:Websiteheader für Cybersicherheit

Schlanke Tintenblaue mit elektrischen Aqua-Highlights fühlen sich technisch und sicher an. Ideal für cybersecurity, fintech und B2B-Websites, die Klarheit und einen modernen edge benötigen. Kombinieren Sie es mit geometrischen Mustern, subtilen Verläufen und prägnanten Nachrichten, um es scharf zu halten. Tipp: Verwenden Sie den dunkelsten navy als Header-Hintergrund und lassen Sie das aqua als Ihr anklickbares Hinweis fungieren.

Bildbeispiel von aqua ink generiert mit media.io

12) Gartenpfad

HEX:#0E3B2E#1A7F64#3FBFA5#BFE5D6#FFF6E9

Stimmung:Frisch, botanisch, einladend

Am besten für:Botanische Aquarell-Illustration

Frisches Gartengrün und weiche blaugrüne Blüten fühlen sich einladend an, wie ein schattiger Weg nach Regen. Diese blau-grüne Farbpalette eignet sich perfekt für botanische Illustrationen, Öko-Etiketten und Frühlingskampagnen. Kombinieren Sie es mit warmen Papiertönen und feinen Linienarbeiten, um es handwerklich zu halten. Tipp: Verwenden Sie die Creme als negativen Raum, damit das Grün lebendiger und natürlicher aussieht.

Bildbeispiel von Gartenpfad generiert mit media.io

13) Spa Serenity

HEX:#0F5C5C#1FA5A5#86D9D1#D6F3F0#F7F3EE

Stimmung:Beruhigend, sauber, wiederherstellend

Am besten für:wellness app onboarding Bildschirme

Beruhigendes Spa-Wasser und sanfte Dampftöne sorgen dafür, dass sich das gesamte set wiederherstellend anfühlt. Ideal für Wellness-Apps, Meditation-Onboarding und sanfte Service-Marken, die ruhige Autorität wünschen. Kombinieren Sie sie mit abgerundeten Karten, subtilen Schatten und einfacher Sans-Typographie für ein einfaches Lesen. Tipp: Halten Sie die hellste blaue Farbe auf eine Hauptaktion, damit der Fluss ruhig bleibt.

Bildbeispiel von spa serenity generiert mit media.io

14) Ozeankreis UI

HEX:#062C43#0B7285#14A2B8#6EDBD6#E8FFFA

Stimmung:modern, scharf, analytisch

Am besten für:analytics UI kit

Krische Meerestöne mit einer kreisförmigen Klarheit fühlen sich modern und analytisch an. Verwenden Sie es für dashboards, Diagramme und UI-Kits, in denen Kontrast und Lesbarkeit vorhersehbar sein müssen. Kombinieren Sie es mit neutralen Grauen und gleichmäßigen Abständen, um die Komponenten wiederverwendbar zu halten. Tipp: Zuweisen Sie jeder Datenreihe einen Farbton zu und behalten Sie die hellste mint nur für Hintergründe.

Bildbeispiel von ocean circuit ui generiert mit media.io

15) Emerald Tide Branding

HEX:#064635#0B7A6B#18B7A2#9BE3D4#F6F8F2

Stimmung:Selbstbewusst, natürlich, premium

Am besten für:eco Markenlogo und Schreibwaren

Selbstbewusste smaragdgrüne greens mit einem tidal Teal-Akzent fühlen sich erstklassig und doch natürlich an. Diese blau-grünen Farbkombinationen eignen sich hervorragend für Öko-Marken, Boutique-Hotels und nachhaltige Hautpflege-Identitäten. Kombinieren Sie es mit unbeschichtetem Papier, geprägten details und eingeschränkten layouts für ein hochwertiges finish. Tipp: Behalten Sie die tiefgrüne Farbe als Logo-Basis und verwenden Sie die leuchtende blaue Farbe nur als charakteristisches highlight.

Bild Beispiel für emerald tide branding generiert mit media.io

16) Salbei und Teal Editorial

HEX:#123C3A#2C7C7A#6CC6B3#CFE6D8#F5F1E8

Stimmung:Ruhig, raffiniert, geschichtenorientiert

Am besten für:Magazin-Feature-Layout

Ruhige Salbei-Untertöne und raffinierte blaue Akzente fühlen sich geschichtlich und ruhig luxuriös an. Perfekt für Zeitschriftenfunktionen, lange Blog-Vorlagen und redaktionelle Präsentationen. Kombinieren Sie es mit Serif-Überschriften, großzügigen Rändern und warmen Cremepapiertönen für Lesbarkeit. Tipp: Bewahren Sie blau für pull quotes und Abschnittsmarkierungen, damit sich das Tempo bewusst anfühlt.

Bildbeispiel von sage and teal editorial generiert mit media.io

17) Pfauensamt

HEX:#1B1F3A#184E77#1E8A8A#3BC7A7#E7F5F1

Stimmung:Dramatisch, Juwel-Ton, luxe

Am besten für:Einladung zur Abendveranstaltung

Dramatische Juwelntöne und samtige Tiefe erinnern bei schwachem Licht an Pfauenfedern. Ideal für Einladungen zu Abendveranstaltungen, Galerieeröffnungen und Premium-Einführungen, die einen luxuriösen Vorteil wünschen. Kombinieren Sie es mit tiefen Marineblauen, minimalen Ornamenten und metallischen Tintendetails für Lackierung. Tipp: Drucken Sie die hellere mint als negativen Raum um den Typ, damit die dunkleren Farbtöne reich bleiben.

Bild Beispiel von peacock velvet generiert mit media.io

18) Blauer Wald Nacht

HEX:#061A1A#0B3D3D#0F6E6E#4FBFB2#DFF7F2

Stimmung:geheimnisvoll, filmisch, cool

Am besten für:thriller Buchcover Konzept

Geheimnisvolle Wald-Nacht-Töne fühlen sich filmisch und angespannt an, mit einem kühlen Glanz, der durch die Dunkelheit schneidet. Verwenden Sie es für Thriller-Covers, stimmungsvolle Album-Art oder Streaming-Miniaturen, wo die Atmosphäre zählt. Kombinieren Sie es mit verdichtetem Typ und hoher Kontrastkomposition, um das drama zu schärfen. Tipp: Halten Sie den glow teal klein und strategisch, damit er wie ein Scheinwerfer liest, nicht wie eine Wäsche.

Bildbeispiel von blue forest night generiert mit media.io

19) Frische Marktverpackung

HEX:#0B3B2E#0F7B5B#2CB89A#B7E7D6#FFF7EC

Stimmung:Frisch, gesund, zugänglich

Am besten für:Bio-Tee-Verpackung

Frisches Grün mit einer cremigen Basis fühlt sich gesund an, wie eine Bauernmarktschau am Morgen. Ideal für Bio-Tee, gesunde snacks und saubere Verpackungen, die sich zugänglich anfühlen müssen. Kombinieren Sie es mit Kraft-Texturen, einfacher botanischer Linienkunst und dunkelgrünem Typ für Klarheit. Tipp: Verwenden Sie die Creme als Hauptetiketthintergrund, damit das Regal hell aussieht.

Bildbeispiel von frischen Marktverpackungen, die mit media.io erzeugt wurden

20) Studio Gradient Poster

HEX:#0B1320#124559#1D8A8A#5FD4C4#F2FFF9

Stimmung:modern, glänzend, experimentell

Am besten für:Abstrakt gradient poster

Moderne Studio-Beleuchtung und glänzende Verläufe verleihen diesem set ein experimentelles, design-vorwärtiges Gefühl. Es funktioniert für abstrakte Poster, kreatives Studio-Branding und soziale launches, wo Farbe spricht. Kombinieren Sie mit scharfer Sans-Typografie und viel Atemraum, um den Verlauf als Held zu behalten. Tipp: Konstruieren Sie den Verlauf von dunkelblau bis blau und fügen Sie dann einen kleinen Minz-Highlight für Tiefe hinzu.

Bildbeispiel von studio gradient poster erstellt mit media.io

21) Hafennebel

HEX:#0D3B4C#1C6E7D#3AAFA9#BCECE6#F8FAF9

Stimmung:neblig, entspannt, küstlich-modern

Am besten für:Immobilienbroschüre

Nebelige Hafenluft und sanfte Seafoam-Töne fühlen sich entspannt, aber poliert an. Ideal für Immobilienbroschüren, Küstenentwicklungen und Dienstleistungsmarken, die Vertrauen ohne Steifigkeit benötigen. Kombinieren Sie es mit sauberen Rastern, weichen Fotografie-Überlagerungen und zurückhaltender Ikonographie. Tipp: Lassen Sie das neblige aqua hinter den Fotos als durchscheinende Platte sitzen für einen zusammenhängenden look.

Bildbeispiel von harbor Nebel erzeugt mit media.io

22) Riverstone ruhig

HEX:#102A2A#1F5E5E#3C9D9D#A6D8D2#eee6

Stimmung:Ausgeglichen, geerdet, beruhigend

Am besten für:yoga studio branding

Die ruhigen und stetigen Wassertöne von Riverstone erzeugen ein ausgewogenes, erdungsmäßiges Gefühl. Verwenden Sie es für Yoga-Studios, achtsame workshops oder jede Marke, die Ruhe möchte, ohne sich ausgewaschen zu fühlen. Kombinieren Sie es mit weichen beigen Textilien, natürlichem Papier und einfachen Markierungen, um es organisch zu halten. Tipp: Halten Sie den mid-teal als Ihre primäre Markenfarbe und lassen Sie den beige den Hintergrund tragen.

Bildbeispiel von riverstone calm generiert mit media.io

23) Tidepool-Notizen

HEX:#0A3A44#0F7C8C#17BEBB#A9E8DC#FFF9F0

Stimmung:Neugierig, lebendig, kreativ

Am besten für:Schüler Notizbuch cover

Neugierige Gezeitenbecken-Farben wirken lebendig und kreativ, wie Skizzieren am Wasserrand. Perfekt für Schüler-Schreibwaren, Notizbuchumschläge und spielerische Bildungsmarken. Kombinieren Sie diese mit verspielten Illustrationen und markanten dunklen Überschriften, damit das leuchtende Türkis nicht dominiert. Tipp: Verwenden Sie das Aqua als Hauptmuster und behalten Sie das warme Creme für Ränder und Titelbereich bei.

Beispielbild von Gezeitenbecken-Notizen, erstellt mit media.io

Welche Farben passen zu Blaugrün?

Teal-Blaugrün harmoniert natürlich mit warmen Offwhite- und Cremetönen für einen klaren, luftigen Look sowie mit Beige oder hellem Taupe, wenn Sie einen organischeren, „wohnlichen“ Eindruck möchten. Diese Neutralen verhindern, dass Teal zu kühl wirkt.

Versuchen Sie für Kontraste tiefe Marineblau-, Anthrazit- oder Tinten-Schwarznuancen, um die Typografie zu schärfen und eine hochwertige Note zu setzen. Für einen modernen Akzent sorgen weiche Koralle/Rose oder Pfirsich für einen geschmackvollen, komplementären Akzent, ohne aufdringlich zu wirken.

Auch Metalltöne funktionieren gut: Gebürstetes Nickel und Chrom wirken modern, während mattiertes Messing oder warmes Gold Teal luxuriöser und redaktioneller erscheinen lassen.

Wie verwendet man eine blaugrüne Farbpalette in echten Designs?

Beginnen Sie mit der Wahl eines „Ankers“ (meist das dunkelste Teal/Blaugrün) für Überschriften, Navigation oder zentralen Markenelemente. Dann eine mittlere Tealnuance für interaktive Elemente (Buttons, Highlights) und halten Sie das hellste Mint/Creme als Haupt-Hintergrund.

Im Druck und bei Verpackungen machen Sie die hellste Nuance zur Hauptfläche, um massive Farbschichten zu vermeiden und setzen Sie sattes Teal sparsam für Logos, Rahmen oder Inhalts-/Feature-Akzente ein. Strukturen (unbeschichtetes Papier, feine Maserung, Prägung) lassen Teal hochwertig wirken.

Im UI reservieren Sie das leuchtendste Teal für eine Hauptaktion und nutzen konsistente Neutraltöne für Trennlinien und Text. So bleibt die Oberfläche ruhig und bietet dennoch eine klare Hierarchie und zugängliche Kontraste.

Blaugrüne Palette-Visuals mit KI erstellen

Wenn Ihre Farbpalette „echt“ wirken soll, generieren Sie passende Mockups (Poster, Verpackungen, UI-Screens, Moodboards) mit den exakten HEX-Farben und einer klaren gestalterischen Linie. Einheitliches Licht und Materialität helfen, dass das Teal in allen Anwendungen konsistent bleibt.

Verwenden Sie die obigen Prompts als Vorlage: Tauschen Sie das Motiv (Broschüre, Flasche, Dashboard) und behalten Sie dominante Farben und Verhältnis bei. Variieren Sie anschließend mit Stichwörtern wie „matt“, „glänzend“, „premium“ oder „minimal“, um die Stimmung zu verfeinern.

Wenn Ihnen ein Ergebnis gefällt, übernehmen Sie die Prompt-Struktur für eine ganze Serie (Hero-Bild, Social Post, Banner), um Ihr Teal-Blaugrün-Schema konsistent zu halten.

Weiter: Rose Blush Farbpalette