Über 20 blau-grüne Farbschemata mit Hex-Codes & KI-Prompts

Blaugrün liegt genau zwischen beruhigendem Blau und erfrischendem Grün und macht es zu einer der am einfachsten verwendbaren Farbfamilien.

Hier findest du über 20 sorgfältig ausgewählte blaugrüne Farbkombinationen mit HEX-Codes sowie praktische Tipps zur Farbkombination für UI, Branding, Print und Social Designs.

Warum blaugrüne Paletten so gut funktionieren

Blaugrüne Paletten wirken natürlich ausgewogen, weil sie Vertrauen und Stabilität von Blau übernehmen und dabei die lebendige, organische Energie des Grüns bewahren. Das Ergebnis ist eine Farbfamilie, die „sauber“ wirkt, ohne steril zu erscheinen.

Sie sind außerdem vielseitig einsetzbar: Tiefe Teal-Töne geben Überschriften und Navigation Struktur, während Mint- und Meerschaum-Töne modernen Layouts Freiraum bieten. Das macht Blaugrün besonders zuverlässig für UI-Systeme und Marken-Kits.

Schließlich harmoniert Blaugrün mit sowohl kühlen als auch warmen Akzenten, sodass du die Atmosphäre von Spa-Ruhe bis Neon-Tech steuern kannst, nur indem du eine oder zwei unterstützende Farben anpasst.

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

1) Küstenruhe

HEX: #0B7285 #2EC4B6 #A7F3D0 #E6FFFA #0B1320

Stimmung: ruhig, luftig, sauber

Am besten geeignet für: Wellness-Landingpages und Spa-Branding

Ruhig und luftig wie ein stiller Küstenstreifen bei Sonnenaufgang, wirken diese Töne sauber, ohne kalt zu sein. Nutze das tiefe Teal als Basis und lasse Mint und Meerschaum den Freiraum übernehmen. Kombiniere mit warmen Sand-Neutraltönen oder sanftem Koralle für einen sanften, natürlichen Kontrast. Tipp: Der Fließtext sollte auf dunklem Navy für Lesbarkeit stehen, helles Aqua für Abschnitte und Karten nutzen.

Bildbeispiel für Küstenruhe, erstellt mit media.io

Media.io

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

Jetzt kostenlos ausprobieren

2) Tiefes Lagunenblau

HEX: #003B46 #07575B #66A5AD #C4DFE6 #0A0F14

Stimmung: stimmungsvoll, immersiv, kinoreif

Am besten geeignet für: Tech-Branding und Dark-Mode-Dashboards

Stimmungsvoll und immersiv wie eine Lagune bei Dämmerung, wirkt diese Palette kinoreif und edel. Die tiefen Grüntöne und Blau-Teal funktionieren wunderbar für dunkle UI-Oberflächen, während nebliges Cyan Daten und Labels klar hält. Diese blaugrüne Farbpalette passt gut zu gebürstetem Silber, Anthrazit und einem Hauch Limette für Status-Akzente. Tipp: Die hellste Nuance für Charts und Trenner nutzen, damit das Interface ruhig bleibt – nicht unübersichtlich.

Bildbeispiel für tiefes Lagunenblau, erstellt mit media.io

3) Meer-Glas-Minimalismus

HEX: #1B9AAA #84DCC6 #D9FFF5 #F7F7FF #2D3047

Stimmung: hell, modern, luftig

Am besten geeignet für: Minimalistische Markenidentitäten und Papeterie

Hell und modern wie sonnengebleichtes Meer-Glas, wirken diese Farbtöne luftig und edel. Nutze kräftiges Teal für Markenzeichen und Überschriften, die hellen Aquatöne lassen Layouts großzügig wirken. Kombiniere mit cremeweißer Papeterie und Graphit-Tintendruck, um einen zu süßen Look zu vermeiden. Tipp: Print-lastige Designs wirken am besten, wenn Teal etwas gedämpft und sparsam eingesetzt wird.

Bildbeispiel für Meer-Glas-Minimalismus, erstellt mit media.io

4) Tropisches Riff

HEX: #006D77 #83C5BE #EDF6F9 #FFDDD2 #E29578

Stimmung: verspielt, sonnig, Urlaubsstimmung

Am besten geeignet für: Reiseanzeigen und soziale Grafiken

Verspielt und sonnig wie ein Riffurlaub, balanciert diese Palette kühle Wasserfarben mit warmem Pfirsich. Teal bleibt die Basis, während Koralle und Sand den Call-to-Action hervorheben. Kombiniere mit klarer Sans-Serif-Typografie und heller Fotografie für einen frischen Look. Tipp: Koralle nur für Buttons und Embleme nutzen, damit der Gesamteindruck frisch bleibt und nicht zu laut wirkt.

Bildbeispiel für tropisches Riff, erstellt mit media.io

5) Arktische Minze

HEX: #0E7490 #22C1C3 #B8F2E6 #F0FDFA #111827

Stimmung: klar, erfrischend, hohe Klarheit

Am besten geeignet für: Produkt-UI und Onboarding-Bildschirme

Klar und erfrischend wie Polarluft, sind diese Nuancen auf Transparenz ausgelegt. Cooles Teal wirkt selbstbewusst, während eisige Minze Hintergründe hell und großzügig hält. Kombiniere mit tiefem Schiefertext und einem warmen Akzent wie Bernstein für Fortschrittsanzeigen. Tipp: Minze als subtilen Farbverlauf einsetzen, um Abschnitte zu separieren – ohne zusätzliche Linien.

Bildbeispiel für arktische Minze, erstellt mit media.io

6) Regnerischer Hafen

HEX: #0F4C5C #1B6B73 #5BC0BE #D8F3DC #2B2D42

Stimmung: geerdet, ruhig, professionell

Am besten geeignet für: Unternehmenspräsentationen und Berichte

Geerdet und ruhig wie ein Hafen im leichten Regen, wirken diese Farben professionell, ohne steif zu sein. Nutze dunkles Teal für Überschriften und Diagramme, bringe dann das sanfte Grün für Tabellen und Highlights ein. Kombiniere mit kühlen Grautönen und viel Weißraum, um Folien lesbar zu halten. Tipp: Diagramme mit zwei Hauptfarben gestalten, helles Mint für Nebensätze nutzen.

Bildbeispiel für regnerischen Hafen, erstellt mit media.io

7) Botanische Brise

HEX: #1F7A8C #53B8A5 #CDEAE5 #F6FFF8 #2E3A59

Stimmung: frisch, natürlich, sanft

Am besten geeignet für: Botanische Illustrationen und Frühlingskampagnen

Frisch und sanft wie Blätter nach Morgentau, wirkt diese Palette natürlich und optimistisch. Das mittlere Teal eignet sich perfekt für Stiele und Konturen, die hellen Töne fürs Aquarellgrundierung. Kombiniere mit gedämpfter Tonerde oder sanftem Ocker für einen erdigeren Look. Tipp: Die dunkelste Nuance sparsam für feine Details verwenden, damit die Illustration leicht bleibt.

Bildbeispiel für botanische Brise, erstellt mit media.io

8) Retro-Poolseite

HEX: #0077B6 #00B4D8 #90E0EF #CAF0F8 #2A9D8F

Stimmung: spaßig, nostalgisch, sommerlich

Am besten geeignet für: Veranstaltungsflyer und Retro-Poster

Spaßig und nostalgisch wie der Soundtrack am Pool, wirken diese Blaus und Teals sofort sommerlich. Nutze helles Cyan für große Schrift und Formen, Meerschaum für Tiefenschichten. Kombiniere mit schwarzen Linien und einem Hauch Sonnengelb für authentischen Vintage-Flair. Tipp: Der hellste Farbton mit einfacher Rastertextur versehen, um alte Printposter zu imitieren.

Bildbeispiel für Retro-Poolseite, erstellt mit media.io

9) Schiefer und Teal Büro

HEX: #1D3557 #2A9D8F #A8DADC #F1FAEE #6C757D

Stimmung: smart, stabil, modern

Am besten geeignet für: B2B-Websites und SaaS-Branding

Smart und stabil wie ein gut beleuchtetes Studio-Büro – diese Mischung balanciert Schieferblau mit selbstbewusstem Türkis. Der Kontrast ist stark genug für Navigation und Buttons, doch das helle Aqua hält die Seiten freundlich. Diese blaugrünen Farbkombinationen funktionieren besonders gut mit klaren Rastern, feinen Iconlinien und neutralen Fotos. Tipp: Setzen Sie Hauptaktionen in Türkis und verwenden Sie den Schieferton für Überschriften, um eine klare Hierarchie zu schaffen.

Bildbeispiel für Schiefer und Türkis Büro, generiert mit media.io

10) Aurora Night

HEX: #061A40 #0353A4 #00A6A6 #94D2BD #E9D8A6

Stimmung: elektrisch, verträumt, kontrastreich

Am besten geeignet für: Musikvisuals und markante Marken-Kampagnen

Elektrisch und verträumt wie Aurora-Streifen am dunklen Himmel, liebt diese Palette Kontraste. Das tiefe Marineblau sorgt für eine dramatische Basis, während Türkis und Minze darüber als Akzent für Highlights und Motion-Design leuchten. Kombinieren Sie dazu sanftes Gold für Schriften oder Badges, das dem Ganzen Wärme verleiht, ohne das Nachtgefühl zu verlieren. Tipp: Lassen Sie Farbverläufe dezent und gerichtet, damit die Neon-Töne auf Bildschirmen nicht streifen.

Bildbeispiel für Aurora Night, generiert mit media.io

11) Mountain Lake

HEX: #0B3954 #087E8B #BFD7EA #F5F5F5 #1F2937

Stimmung: ruhig, naturnah, ausgewogen

Am besten geeignet für: Outdoor-Marken und redaktionelle Features

Ruhig und naturnah wie stilles Wasser unter Kiefern – diese Töne wirken ausgewogen und vertrauenswürdig. Nutzen Sie das tiefe Blaugrün für Überschriften und Navigation, das helle Blaugrau öffnet die Seite. Kombinieren Sie dazu warme Ledertexturen in Beige oder mattes schwarzes Metall für einen robusten Look. Tipp: Halten Sie Bilder leicht entsättigt, so bleibt Türkis die Hauptfarbe.

Bildbeispiel für Mountain Lake, generiert mit media.io

12) Fresh Clinic

HEX: #005F73 #0A9396 #94D2BD #E9D8A6 #F8FAFC

Stimmung: beruhigend, hygienisch, zugänglich

Am besten geeignet für: Healthcare Apps und Termin-UI

Beruhigend und hygienisch wie eine helle Kliniklobby vermitteln diese Farbtöne Fürsorge und Klarheit. Die Türkisnuancen lassen Buttons und Tabs souverän wirken, während der cremige Akzent das Gesamtbild sanft macht. Eine blaugrüne Farbpalette wie diese harmoniert mit freundlichen, abgerundeten Komponenten und schlichten Linien-Icons. Tipp: Reservieren Sie das warme Creme nur für Warnungen und Highlights, damit die Zugänglichkeit erhalten bleibt.

Bildbeispiel für Fresh Clinic, generiert mit media.io

13) Summer Sorbet

HEX: #118AB2 #06D6A0 #C7F9CC #F1FAEE #FFD166

Stimmung: leuchtend, jugendlich, energiegeladen

Am besten geeignet für: Startup-Marketing und Social-Templates

Leuchtend und jugendlich wie eine Sorbet-Auswahl wirkt dieses Set energiegeladen und dennoch sauber. Das kräftige Aqua und Grün tragen Überschriften und Sticker, während das helle Mint Hintergründe leicht hält. Kombinieren Sie dazu einfache schwarze Typografie und abgerundete Formen für einen freundlichen Markenton. Tipp: Verwenden Sie Gelb nur für kleine Akzente wie Icons oder Preisschilder, um die kühle Basis zu bewahren.

Bildbeispiel für Summer Sorbet, generiert mit media.io

14) Denim and Jade

HEX: #1E3A8A #0EA5A4 #34D399 #E0F2FE #0F172A

Stimmung: selbstbewusst, sportlich, klar

Am besten geeignet für: Sportmarken und App-UI-Akzente

Selbstbewusst und sportlich wie Denim mit Jade-Accessoire – diese Töne setzen Akzente, ohne neonhaft zu wirken. Nutzen Sie das tiefe Blau für Struktur, während Türkis und Grün Highlights und aktive Zustände gestalten. Kombinieren Sie dazu Weißraum und scharfe Typografie für einen modernen, athletischen Look. Tipp: Halten Sie Verläufe minimal und setzen Sie auf Vollflächen für bessere Lesbarkeit bei kleinen UI-Elementen.

Bildbeispiel für Denim and Jade, generiert mit media.io

15) Modern Spa Stone

HEX: #134E4A #2DD4BF #99F6E4 #F1F5F9 #A3A3A3

Stimmung: zen, edel, dezent

Am besten geeignet für: Hotellerie-Branding und Premium-Hautpflege

Zen und edel wie glatter Stein am warmen Wasser wirken diese Töne dezent und hochwertig. Das dunkle Grün-Türkis verleiht Luxus, während helles Aqua den Look frisch und modern hält. Kombinieren Sie sanfte Grautöne, Leinenstrukturen und minimal-serife Überschriften für einen raffinierten Abschluss. Tipp: Nutzen Sie Mittel-Türkis für kleine Highlights, damit das Design ruhig und gehoben bleibt.

Bildbeispiel für Modern Spa Stone, generiert mit media.io

16) Ocean Depth Gradient

HEX: #001219 #005F73 #0A9396 #94D2BD #E9D8A6

Stimmung: tief, glatt, anspruchsvoll

Am besten geeignet für: Hintergrundverläufe und Hero-Sektionen

Tief und glatt wie der Blick durch klare Ozeanstufen ist dieses Set für Farbverläufe gemacht. Das fast schwarze Blau gibt Tiefe, Türkis und Mint verlaufen sanft über Abschnitte. Kombinieren Sie warme Creme-Akzente und viel Raum für ein hochwertiges Gefühl. Tipp: Testen Sie Verläufe auf Einsteigerdisplays und fügen Sie leichtes Rauschen hinzu, um Banding zu vermeiden.

Bildbeispiel für Ocean Depth Gradient, generiert mit media.io

17) Neon Kelp HUD

HEX: #0B1320 #00BFA6 #00E5FF #2DD4BF #A7F3D0

Stimmung: futuristisch, kräftig, high-tech

Am besten geeignet für: Gaming-Overlays und Streaming-Grafiken

Futuristisch und kräftig wie ein leuchtendes HUD im Meereslicht – diese Brights stechen auf dunklen Hintergründen hervor. Cyan dient Hauptanzeigen, das grünlichere Türkis ist ideal für sekundäre Anzeigen und Fokusringe. Blaugrüne Farbkombinationen glänzen mit klaren Monospace-Zahlen und feinen Linien-Icons. Tipp: Halten Sie Glow-Effekte dezent und setzen Sie primär auf Kontrast für Barrierefreiheit.

Bildbeispiel für Neon Kelp HUD, generiert mit media.io

18) Maritime Editorial

HEX: #0A2342 #2CA6A4 #BCECE0 #FAFAF9 #7C8DA6

Stimmung: klar, journal-artig, durchdacht

Am besten geeignet für: Magazinlayouts und Blog-Header

Klar und durchdacht wie ein Seefahrtsjournal – diese Mischung wirkt ruhig und redaktionell hochwertig. Navy steht für Autorität, sanftes Türkis macht die Seite zugänglich und modern. Kombinieren Sie dazu warme Offwhite-Papiertöne und dezente Grauabgrenzungen für einen gehobenen Editorial-Look. Tipp: Verwenden Sie Türkis für Zitate und Abschnittslabels, um die Orientierung zu erleichtern, ohne Inhalte zu überlagern.

Bildbeispiel für Maritime Editorial, generiert mit media.io

19) Aqua Classroom

HEX: #1D4ED8 #0EA5E9 #14B8A6 #A7F3D0 #F8FAFC

Stimmung: freundlich, klar, optimistisch

Am besten geeignet für: Bildungs-Apps und kinderfreundliche UI

Freundlich und optimistisch wie eine helle Klassenraumwand wirken diese Farben klar und einladend. Himmelblau übernimmt Überschriften und Navigation, das Türkis-Mint-Spektrum sorgt für unterstützende Highlights und Erfolgsanzeigen. Kombinieren Sie schlichte Illustrationen und abgerundete Karten, um die Note zugänglich zu halten. Tipp: Sättigung leicht reduzieren, damit längere Lesebildschirme augenschonend bleiben.

Bildbeispiel für Aqua Classroom, generiert mit media.io

20) Sustainable Seafoam Pack

HEX: #0F766E #34D399 #BBF7D0 #F0FDF4 #1F2937

Stimmung: öko, sauber, vertrauenswürdig

Am besten geeignet für: Nachhaltige Verpackungen und DTC-Produkte

Öko und sauber wie frische Kräuter und Gischt wirkt dieses Set vertrauenswürdig im Regal. Das satte Türkis funktioniert für Logos und Kappen, blasse Grüntöne wirken natürlich auf großen Label-Flächen. Kombinieren Sie naturfarbenes Kraftpapier und Kohle-Schwarz für einen bodenständigen, nachhaltigen Eindruck. Tipp: Verwenden Sie den hellsten Ton als Basis, damit Druckkosten kalkulierbar und Texte scharf bleiben.

Bildbeispiel für Sustainable Seafoam Pack, generiert mit media.io

21) Seaside Wedding

HEX: #0F5257 #5BC0BE #BFEDEF #FFF9F1 #D6CCC2

Stimmung: romantisch, luftig, elegant

Am besten geeignet für: Hochzeitseinladungen und Event-Suiten

Romantisch und luftig wie eine Zeremonie am Meer – diese Nuancen wirken elegant und zart. Türkis hält das Set modern, während warmes Elfenbein und Sand eine zeitlose Note beisteuern. Kombinieren Sie feine Serifen-Typografie und minimalistische Linienillustrationen für florale Motive oder Wellen. Tipp: Foliendetails wirken am besten, wenn Sie Türkis etwas dunkler wählen und Elfenbein dominieren lassen.

Bildbeispiel für Seaside Wedding, generiert mit media.io

Welche Farben passen zu Blaugrün?

Blaugrün harmoniert mühelos mit klaren Neutraltönen wie Offwhite, kühlem Grau und Anthrazit – ideal für moderne UI und redaktionelle Layouts. Diese Neutrals halten Paletten gut lesbar und lassen Türkistöne gezielt wirken, ohne zu dominieren.

Für wärmere Kontraste versuchen Sie Sand, Creme, Terrakotta, Pfirsich oder sanftes Gold. Warme Akzente lassen Handlungsaufrufe und Highlights hervorstechen und wirken dennoch natürlich – besonders in Ozean-Paletten.

Für einen schärferen, technikorientierten Look fügen Sie kleine Kontraste aus Limette, Cyan oder Electric Mint hinzu. Halten Sie sie als Mikroakzente (Badges, Zustände, Icons), um das Gleichgewicht zu wahren.

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

Starten Sie mit der Rollenverteilung: Wählen Sie ein tiefes Türkis oder Navy für Typografie und Struktur, ein mittleres Türkis für Hauptaktionen und ein bis zwei blasse Minztöne für Flächen, Cards und Hintergrundbereiche.

Priorisieren Sie Barrierefreiheit früh – Türkis kann auch bei dunkler Erscheinung mittel-kontrastierend wirken. Testen Sie Buttontexte und Fließtext auf den gewählten Flächen und reservieren Sie die hellsten Töne für Hintergründe statt Text.

Bestimmen Sie abschließend Ihre "Temperatur": kühlere Paletten wirken klinisch und modern, mit Creme, Pfirsich oder Sand fühlt sich die gleiche Türkisfamilie freundlicher und lebensnah an.

Erstelle blaugrüne Palettenvisuals mit KI

Sie möchten diese Blaugrün-HEX-Codes in echten Layouts sehen? Mit AI-Prompts erstellen Sie passende UI-Mockups, Poster, Verpackungen und Markenszenen in wenigen Minuten.

Mit Media.io experimentieren Sie schnell – tauschen Sie einen Türkisanker, stellen Sie die Sättigung ein und vergleichen Sie Varianten nebeneinander, bis die Palette zu Marke oder Produkt passt.

Weiter: Neon-Grüne Farbpalette