23 Blau-Dunkelgrün Farbkombinationen mit Hex-Codes & AI-Design-Ideen

Eine Farbpalette aus Blau und Dunkelgrün vereint die Stabilität von tiefem Blau mit der ruhigen Bodenständigkeit von Waldgrün. Das Ergebnis ist ein stimmungsvolles, hochwertiges Erscheinungsbild, das sich für Branding, Benutzeroberflächen, Poster und Verpackungen eignet.

Unten findest du über 20 gebrauchsfertige Blau- und Dunkelgrün-Paletten mit HEX-Codes sowie KI-Bildvorschläge, die du direkt kopieren kannst, um passende Visuals zu erstellen.

Warum funktionieren Blau-Dunkelgrün-Paletten so gut?

Blau bringt Klarheit und Vertrauen, während Dunkelgrün ein natürliches, beständiges Gefühl vermittelt. Zusammen wirken sie selbstbewusst, ohne aufdringlich zu sein, weshalb sie in UI, Technik, Finanzen und Outdoor-Marken beliebt sind.

Diese Kombination sorgt zudem für einen guten Kontrast: Tiefes Marineblau kann Typografie und Überschriften verankern und Dunkelgrün kann Zustände (Hover, Erfolg, Navigation) definieren, ohne „Warnung“-Signale wie bei knalligem Rot hervorzurufen.

Schließlich lassen sich blau-dunkelgrüne Farbschemata leicht mit Neutralfarben kombinieren – kühle Grautöne für moderne Interfaces oder warme Cremefarben für Print – so können Designs mit nur einem Hintergrundwechsel von minimalistisch zu luxuriös wirken.

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

1) Midnight Kelp

HEX: #071a2f #0b3b2e #0f5b6b #2a4f7a #d7e3ee

Stimmung: stimmungsvoll, maritim, edel

Ideal für: saas dashboard ui

Stimmungsvolle Küstentöne wie Mitternachtswasser und Kelpwälder schaffen eine ruhige, hochwertige Atmosphäre. Nutze das tiefblaue Marine für Überschriften, das Dunkelgrün für Navigationszustände und Türkis als kleinen Akzent. Kombiniere mit kühlen hellgrauen Hintergründen, um die Lesbarkeit zu erhöhen. Tipp: Reserviere Türkis für aktive Icons und Primär-Buttons, damit sich das Interface bewusst und durchdacht anfühlt.

Beispielbild von Midnight Kelp, generiert 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) Deep Sea Library

HEX: #0a1633 #103a33 #1f6a7a #4f6f8a #f2f6f8

Stimmung: ruhig, akademisch, elegant

Ideal für: Editorial-Magazin-Layout

Ruhig und gelehrt, diese Töne erinnern an einen Lesezimmer am Meer in der Nacht. Dunkelblau und Immergrün ergeben aussagekräftige Überschriften, während das weichere Schieferblau Fließtext und Zitate stützt. Viel Weißraum bewahrt die Klarheit der Palette. Tipp: Setze Türkis sparsam für Abschnittsmarken oder Seitenzahlen ein, damit Leser einfach scannen können.

Beispielbild von Deep Sea Library, generiert mit media.io

3) Stormy Harbor

HEX: #0b203f #0e3f35 #2d6f85 #7c94a6 #e6edf2

Stimmung: dramatisch, modern, selbstbewusst

Ideal für: Markenidentitäts-System

Dramatische Hafentöne aus Blau und tiefem Grün bringen die Energie von Wind, Stahl und Meer. Diese Blau-Dunkelgrün-Palette wirkt vertrauenswürdig für Technik, Finanzen und Outdoor-Marken, bleibt aber warm. Kombiniere dunkle Töne mit soften, nebeligen Graus, damit Logos und Typo klar bleiben. Tipp: Benutze das helle Grau als Hauptfläche und lass Marineblau in Überschriften wirken.

Beispielbild von Stormy Harbor, generiert mit media.io

4) Arctic Pine

HEX: #0a1f3a #0c4a3a #2b7a8a #8fb3c7 #f4fbff

Stimmung: frisch, naturverbunden, klar

Ideal für: Hero-Sektion einer Reise-Website

Frisch und naturverbunden, erinnert an eisige Luft über dunklen Kiefern und entfernte blaue Bergrücken. Verwende das blasse Eisblau als großzügigen Hintergrund, darüber Marine für Überschriften und Dunkelgrün für Buttons. Ein Spritzer Türkis belebt die Palette, ohne die Ruhe zu verlieren. Tipp: Füge sanfte Verläufe nur zwischen den zwei hellsten Farben hinzu, um Unschärfe zu vermeiden.

Beispielbild von Arctic Pine, generiert mit media.io

5) Ink and Juniper

HEX: #08152a #123c2f #165f6c #3c5876 #d9d5cd

Stimmung: klassisch, botanisch, zurückhaltend

Ideal für: Luxus-Hautpflege-Verpackung

Klassisch und botanisch, erinnert an Tuschzeichnungen auf Wacholderzweigen. Warmes Offwhite mildert die dunklen Töne ab, sodass Verpackungen edel statt streng wirken. Kombiniere mit mattem Finish und minimalistischer Typo für ein sauberes Regalbild. Tipp: Verwende Türkis nur als kleines Siegel oder für Zutaten-Highlights, damit das Etikett elegant bleibt.

Beispielbild von Ink and Juniper, generiert mit media.io

6) Northern Lights Denim

HEX: #0c2140 #0f4b3a #1f7785 #4c86b5 #eaf1f6

Stimmung: energetisch, klar, zeitgemäß

Ideal für: Sportbekleidungsanzeige

Klar und energiegeladen, wie Polarlichter über dunklen Immergrünen und Jeansstoff. Nutze das kräftige Blau für den Hintergrund, dann Grün für Produkthinweise und Türkis für Bewegungslinien. Setze Text in fast Weiß für starken Kontrast und Lesbarkeit. Tipp: Ein einziger Verlauf von Jeansblau zu Türkis reicht, um Tiefe zu schaffen – ohne weitere Farben.

Beispielbild von Northern Lights Denim, generiert mit media.io

7) Oceanic Slate

HEX: #0a1d33 #0d3f34 #2a6a78 #6e8796 #f0f3f5

Stimmung: minimal, bodenständig, professionell

Ideal für: Firmen-Präsentation (Slides)

Minimalistisch und bodenständig, wie Schieferfelsen am tiefen Wasser. Setze Schiefergraublau für Grafiken und Trennelemente ein, Marine für Titel und Immergrün für wichtige Zahlen. Ein heller Hintergrund hält Folien klar und besprechungsfreundlich. Tipp: Pro Folie maximal zwei Haupttöne und einen Akzent, um Unruhe zu vermeiden.

Beispielbild von Oceanic Slate, generiert mit media.io

8) Nautical Evergreen

HEX: #061a36 #0a4636 #0f6375 #3e6f9c #fff4e6

Stimmung: maritim, kräftig, einladend

Ideal für: Restaurant-Menüdesign

Maritim und einladend, erinnert an Seile, Strandglas und eine immergrüne Küste. Diese blau-dunkelgrüne Palette passt ideal für Menüs, die hochwertig aber nicht zu formell sein sollen. Kombiniere die dunklen Töne mit warmer Creme und schlichter Serifentypografie. Tipp: Verwende Türkis für Abschnittsüberschriften, damit Gäste schnell scannen können.

Beispielbild von Nautical Evergreen, generiert mit media.io

9) Alpine Dusk

HEX: #0d1b3a #114336 #2b5f86 #6aa1a9 #e9efe8

Stimmung: gelassen, abenteuerlustig, ausgeglichen

Ideal für: Plakat für Outdoor-Veranstaltung

Gelassen wie die Dämmerung über alpinen Seen, balanciert die Mischung kühle Blautöne mit geerdetem Waldgrün. Verwenden Sie Marineblau für den Postertitel und lassen Sie den luftigen Mint-Grau-Hintergrund die Lesbarkeit aus der Ferne erhalten. Petrol eignet sich gut für Datumsangaben, Standort-Badges und kleine Icons. Tipp: Fügen Sie eine einfache zweifarbige Bergsilhouette unter Verwendung der zwei dunkelsten Farben hinzu, um sofort ein Thema zu setzen.

Bildbeispiel für alpine Dämmerung erzeugt mit media.io

10) Meeresmoos

HEX: #091a2e #0f3e2f #1a6c79 #5e7fa7 #dfe7e3

Stimmung: natürlich, ruhig, regenerierend

Ideal für: Wellness-App-UI

Natürlich und regenerierend, es fühlt sich an wie Meeresmoos, das unter klarem Wasser schwingt. Machen Sie das helle Grau-Grün zur Basis und bringen Sie Marineblau für Text zur Gewährleistung der Zugänglichkeit ein. Petrol eignet sich für Fortschrittsringe und sanfte Highlights, während gedecktes Blau sekundäre Karten unterstützt. Tipp: Halten Sie Animationen langsam und dezent, damit die Farbpalette beruhigend und nicht sportlich wirkt.

Bildbeispiel für Meeresmoos erzeugt mit media.io

11) Petrol Forest

HEX: #0b2036 #0b4a39 #1e6f7d #2f4f6f #c9d1d9

Stimmung: industriell, stark, modern

Ideal für: Produkt-Landingpage

Stark und industriell, erinnert es an petrolblauen Stahl mit einem tiefgründigen Waldeinschlag. Verwenden Sie das dunkle Paar für Header und Footer, und öffnen Sie die Inhaltsbereiche mit kühlem, hellem Grau. Petrol setzt moderne Akzente bei Links und Schlüsselmerkmalen. Tipp: Dezente Linien-Icons in Schieferblau machen die Seite informativ, ohne sie überladen wirken zu lassen.

Bildbeispiel für Petrol Forest erzeugt mit media.io

12) Regenstadt-Park

HEX: #0a2039 #0f3b31 #2b6273 #86a3b1 #f5f7f6

Stimmung: sanft, urban, introspektiv

Ideal für: Buchcover-Design

Sanft und introspektiv ruft es regennasse Gehwege und immergrüne Pflanzen in einem Stadtpark hervor. Verwenden Sie Marineblau für den Titel, um Aufmerksamkeit zu erzielen, während das neblige Blau-Grau die Hintergrundblöcke füllt. Dunkelgrün setzt einen geerdeten Akzent für den Autorennamen oder kleine Motive. Tipp: Halten Sie die Texturen dezent – wie feine Körnung –, damit die Farbpalette modern bleibt.

Bildbeispiel für Regenstadt-Park erzeugt mit media.io

13) Vintage Teal Study

HEX: #0b1a34 #124236 #1b6a72 #6f8b7e #f1e6d6

Stimmung: vintage, gemütlich, intellektuell

Ideal für: Café-Branding-Kit

Vintage und gemütlich, fühlt es sich an wie ein petrolfarbenes Studierzimmer mit abgenutzten Notizbüchern und warmem Papier. Das cremige Beige mildert die kühlen Töne und macht es perfekt für Logos, Etiketten und kleine Schilder. Kombinieren Sie es mit klassischer Serifenschrift und simplen Line-Illustrationen in Marineblau. Tipp: Verwenden Sie Dunkelgrün für Stempel oder Abzeichen als handgefertigten Touch.

Bildbeispiel für Vintage Teal Study erzeugt mit media.io

14) Tiefe Lagune Marmor

HEX: #071b33 #0c4537 #1a7a88 #3d6a8f #e8ecef

Stimmung: luxuriös, kühl, edel

Ideal für: Schmuckverpackung

Luxuriös und kühl, erinnert es an tiefblaue Lagunen-Marmor mit klaren, polierten Kanten. Verwenden Sie das blasse Grau als Box-Basis und Marineblau für das Logo für scharfen Druck. Dunkelgrün bringt Tiefe, während Petrol sich für Folienakzente oder Innenmuster eignet. Tipp: Halten Sie die Oberflächen gleichmäßig – außen matt mit nur einer glänzenden Akzentfarbe.

Bildbeispiel für Tiefe Lagune Marmor erzeugt mit media.io

15) Kosmische Flut

HEX: #08122d #0d3c33 #136d8a #3b5aa6 #d9e6ff

Stimmung: futuristisch, lebendig, tiefgründig

Ideal für: Musikfestival-Flyer

Futuristisch und tiefgreifend fühlt es sich an wie eine kosmische Flut unter Sternenlicht. Diese Kombinationen aus Blau und Dunkelgrün leuchten auf Flyern besonders, wenn Sie den Kontrast mit einem hellen, eisigen Ton verstärken. Kombinieren Sie mit fetter serifenloser Schrift und einfachen geometrischen Formen in Kobaltblau für Energie. Tipp: Der Hintergrund sollte überwiegend marineblau bleiben, damit petrolfarbene und eisige Highlights aus der Entfernung hervorstechen.

Bildbeispiel für Kosmische Flut erzeugt mit media.io

16) Smaragd-Blaupause

HEX: #0b1f3a #0e4a3b #0f6f7a #5b86a6 #f6fbff

Stimmung: präzise, technisch, vertrauenswürdig

Ideal für: Fintech-App-Onboarding

Präzise und technisch mutet es an wie eine Blaupause in Meeresfarben. Verwenden Sie den hellsten Ton für die Onboarding-Screens für einen einladenden Eindruck, und verankern Sie die wichtigsten Schritte mit marineblauen Überschriften. Smaragdgrün signalisiert erfolgreiche Zustände, petrol hebt interaktive Elemente hervor. Tipp: Halten Sie Icons einfarbig für Blaupausen-Klarheit.

Bildbeispiel für Smaragd-Blaupause erzeugt mit media.io

17) Seagrass Noir

HEX: #050f1f #0b3228 #145b66 #2f4b63 #cfd6d2

Stimmung: dunkel, filmisch, stilvoll

Ideal für: Filmposter

Dunkel und filmisch – wie Seegras-Silhouetten vor fast schwarzem Wasser. Verwenden Sie das fast schwarze Marineblau als Hintergrund und setzen Sie für gute Lesbarkeit typografisch auf helles Grau. Petrol und Tiefgrün eignen sich am besten als minimale Leuchtakzente oder kleine grafische Formen. Tipp: Großzügige Freiräume lassen das Poster hochwertig und gezielt wirken.

Bildbeispiel für Seagrass Noir erzeugt mit media.io

18) Blaue Fichte Samt

HEX: #0a1e3c #0f3f34 #1f6f8b #3f6b85 #efe8de

Stimmung: samtig, winterlich, edel

Ideal für: Hochzeitseinladung-Set

Samtig und winterlich – wie blauer Samt kombiniert mit Fichtenzweigen. Das warme Elfenbein macht die Karte romantisch, Marineblau und Dunkelgrün sorgen für Formalität. Petrol kann dezent für Rahmen oder Monogramme eingesetzt werden, ohne die Aufmerksamkeit zu stehlen. Tipp: Setzen Sie Letterpress- oder Prägungsdetails im dunkelsten Ton für ein haptisches Finish.

Bildbeispiel für Blaue Fichte Samt erzeugt mit media.io

19) Hafennebel

HEX: #0b1d36 #103e33 #2c6d7f #9db0bf #fbfcfd

Stimmung: luftig, ruhig, modern

Ideal für: Portfolio-Website-UI

Luftig und ruhig – wie Nebel, der über einen stillen Hafen zieht. Bauen Sie die Seite auf fast weißem und hell blau-grauem Grund auf, verwenden Sie Marineblau für Überschriften und Dunkelgrün für Hover-Zustände. Petrol ist als kleiner Akzent für Links oder Tags ideal. Tipp: Halten Sie Bilder entsättigt, sodass sie zu den nebligen Tönen passen.

Bildbeispiel für Hafennebel erzeugt mit media.io

20) Dunkle Aqua Botanik

HEX: #0a1b35 #0b4532 #167a86 #5e90a2 #e7f2ea

Stimmung: üppig, frisch, beruhigend

Ideal für: botanische Aquarellillustration

Üppig und beruhigend erinnert es an dunkle Aqua-Schatten unter glänzenden Blättern. Diese Blau-Dunkelgrün-Palette ist ideal für botanische Werke, wenn man Tiefe ohne komplettes Schwarz erzielen möchte. Verwenden Sie das tiefste Marineblau für Umrisse, Grün für Blattkörper und Petrolwäschen für wässrige Lichtreflexe. Tipp: Den hellen Mint als unbearbeitete Papierbereiche belassen, um Leichtigkeit zu bewahren.

Bildbeispiel für Dunkle Aqua Botanik erzeugt mit media.io

21) Gezeiten-Werkstatt

HEX: #081c34 #0f3f33 #1c6b84 #477193 #e3e9ef

Stimmung: praktisch, kreativ, fokussiert

Ideal für: Landingpage für Workshop-Event

Praktisch und fokussiert – wie eine Gezeitenwerkstatt, in der die Werkzeuge ordentlich am Wasser liegen. Die dunkleren Grundfarben strukturieren Header und Navigation, während das helle Grau Formulare einladend macht. Petrol ist ein starker Akzent für Anmelde-Buttons und wichtige Schritte. Tipp: Verwenden Sie gedecktes Blau für sekundäre Karten, so sticht der primäre Call-to-Action hervor.

Bildbeispiel für Gezeiten-Werkstatt erzeugt mit media.io

22) Saphir-Hain

HEX: #0a1a3f #0c3e35 #1b6f7f #2f63b6 #e9f0ff

Stimmung: kraftvoll, jugendlich, lebendig

Ideal für: Social-Media-Karussell-Design

Kraftvoll und jugendlich – eine Mischung aus Saphirschlag mit einem geerdeten grünen Hain. Verwenden Sie das kräftige Blau für Hauptfolien und balancieren Sie mit Marineblau und Dunkelgrün für Textblöcke. Petrol eignet sich für Icons und kleine Trenner, damit das Karussell einheitlich wirkt. Tipp: Jede Folie mit einer Heldenfarbe plus Neutralen für einen klaren Swiperhythmus gestalten.

Bildbeispiel für Saphir-Hain erzeugt mit media.io

23) Evergreen Bay Kontrast

HEX: #081a30 #0a4a38 #0f6f82 #6c8fa8 #f7f8f4

Stimmung: klar, kontrastreich, zeitgenössisch

Ideal für: App-Icon und Splash-Screen

Knackig und modern – es wirkt wie immergrüne Klippen vor einer hellen Bucht. Diese Blau-Dunkelgrün-Farbkombinationen erzeugen einen starken Ikonen-Kontrast, wenn Sie Formen einfach und Kanten sauber halten. Kombinieren Sie das tiefste Navy mit warmem Off-White für den Splash-Screen und fügen Sie dann Türkis als kleinen Schein oder Ring hinzu. Tipp: Vermeiden Sie Farbverläufe im Icon selbst und nutzen Sie sie nur für den Hintergrund.

Beispielbild für den Kontrast „Evergreen Bay“, erstellt mit media.io

Welche Farben passen gut zu Blau und Dunkelgrün?

Neutrale Töne passen am einfachsten: kühle Weißtöne, nebliges Grau und Schiefer-Nuancen lassen Blau und Dunkelgrün modern und gut lesbar wirken. Für Druck sorgen warme Off-Whites und Cremetöne für eine einladendere und hochwertigere Wirkung.

Für Akzente sorgen Türkis und eisiges Lichtblau für Klarheit, ohne die Stimmung zu stören. Wenn Sie ein edleres Finish wünschen, können Metalle wie gebürstetes Silber (kalt) oder zurückhaltendes Gold/Bronze (warm) Dunkelblau und Evergreen aufwerten.

Um Schwere zu vermeiden, behalten Sie eine „Luft“-Farbe (nahezu weiß/sehr helles Grau) als Haupt-Hintergrund bei und nutzen dann die zwei dunkelsten Farben für Struktur und Text.

Wie verwendet man eine Blau-Dunkelgrün-Farbpalette in realen Designs?

Im UI-Design setzen Sie Navy als typografischen Anker (Überschriften, Titel, zentrale UI-Elemente) und verwenden Dunkelgrün für Zustände (Hover, ausgewählt, Erfolg), damit Interaktionen konsistent wirken. Türkis bleibt den Primäraktionen vorbehalten, um die Aufmerksamkeit gezielt zu lenken.

Fürs Branding stellen Sie sicher, dass Ihr Logo in einer dunklen Farbe (Navy oder fast Schwarz) und einer hellen Neutralfarbe funktioniert. Dunkelgrün kommt dann unterstützend in Verpackungen, Mustern oder Sekundärzeichen zum Zug.

Bei Postern oder Social Graphics setzen Sie auf Kontrast: Halten Sie die Hintergründe überwiegend Navy, nutzen Sie eine helle Neutralfarbe für große Schrift und fügen Sie Türkis als kleinen „Signal“-Akzent für Daten, Badges oder Icons hinzu.

Erstelle mit KI blaue und dunkelgrüne Palette-Visuals

Wenn Sie bereits HEX-Codes haben, können Sie passende Mockups generieren, indem Sie das Layout (Poster, App-Screen, Verpackung) beschreiben und angeben, wo jede Farbe erscheinen soll – Hintergrund, Headline, Buttons, Akzente.

Für konsistente Ergebnisse verwenden Sie den gleichen Prompt-Aufbau über eine gesamte Kampagne und tauschen nur das Thema (Menü, Flyer, Onboarding-Screens) aus. So bleiben Licht, Abstände und Stil kohärent, während Ihre Farbpalette markengerecht bleibt.

Weiter: Kamel-Farbpalette