20 moderne Farbpaletten in Schwarz, Blau und Grün mit Hex Codes

Schwarz, Blau und Grün sind ein modernes Trio, das – je nach Kontrast und Sättigung – ruhig, technisch oder filmisch wirken kann.

Unten finden Sie kuratierte Farbkombinationen aus Schwarz, Blau und Grün mit HEX-Codes, praktischen Anwendungsbeispielen und Copy-Paste-Prompts, um passende Visuals schnell zu generieren.

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

Schwarz verankert das Farbschema mit Struktur und Kontrast, während Blau Zuverlässigkeit und Klarheit hinzufügt – so fühlt sich die Kombination sofort „designt“ und nicht zufällig an.

Grün sorgt für Ausgewogenheit und Lebendigkeit und mildert so die Kühle des Blaus und verhindert, dass dunkle Layouts zu streng oder zu geschäftlich wirken.

Zusammen schaffen sie eine flexible Reihe: vom eleganten Dark-Mode-UI bis hin zu maritimen Editorial-Looks, wobei Akzentgrün und -türkis den Fokus lenken.

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

1) Mitternachtsriff

HEX: #0b0d10 #0f2a3d #0b5a7a #0b8f7a #19c37d

Stimmung: atmosphärisch, elegant, aquatisch

Am besten geeignet für: Tech-Branding, Website-Hero-Bereiche

Atmosphärisch und aquatisch – diese Töne erinnern an tiefes Wasser, beleuchtet von klarem LED-Licht. Sie glänzen auf modernen Landingpages, SaaS-Branding und Dark-Mode-Headern, wo Kontrast zählt. Kombinieren Sie mit klarer, weißer Typografie und feinen Linien-Icons für einen scharfen Look. Tipp: Das leuchtende Grün nur sparsam als Mikro-Akzent für CTAs und aktive Zustände verwenden.

Bildbeispiel „Mitternachtsriff“ erstellt mit media.io

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) Städtischer Seetang

HEX: #0a0a0c #123047 #1f5f8b #2a7a5e #7fbf8a

Stimmung: geerdet, urban, natürlich

Am besten geeignet für: Interior-Moodboards, Architektur-Präsentationen

Geerdet und urban – diese Mischung erinnert an nassen Stein, Stahlschatten und Seegrün nach Regen. Sie eignet sich für Interior-Moodboards, Architekturfolien und Materialpaletten mit ruhiger Raffinesse. Kombinieren Sie mit warmem Eichenholz oder Beton-Grau für einen authentischen Look. Tipp: Das sanfte Grün für große Farbflächen nutzen, das Blau für Umrisse und Beschriftungen.

Bildbeispiel „Städtischer Seetang“ erstellt mit media.io

3) Neon-Flut

HEX: #050607 #0c1f3a #1b4fb3 #00a6a6 #3cffb5

Stimmung: energetisch, futuristisch, elektrisch

Am besten geeignet für: Sportbekleidungsanzeigen, Nachtleben-Poster

Elektrisch und futuristisch – diese Farben wirken wie Stadtlichter auf Wasser. Ideal für Sportbekleidungswerbung, Nachtleben-Poster und auffällige Social-Grafiken. Lassen Sie die Hintergründe dunkel, damit Cyan und Minze leuchten, ohne chaotisch zu werden. Tipp: Das leuchtende Blau für Überschriften, Minze für Highlights und Bewegung nutzen.

Bildbeispiel „Neon-Flut“ erstellt mit media.io

4) Tiefwald-Tinte

HEX: #070809 #0d1b2a #0f3d2e #1f6f4a #a3c9a8

Stimmung: ruhig, erdig, belesen

Am besten geeignet für: Buchcover, Öko-Berichte

Ruhig und belesen – diese Töne wirken wie Tinte auf grobem Papier mit Walddunkel dahinter. Sie passen zu Buchumschlägen, Umweltberichten und Dokumentation, wo Glaubwürdigkeit wichtiger ist als Effekte. Kombinieren Sie mit Serifen-Überschriften und Naturpapierstruktur für eine haptische Wirkung. Tipp: Längere Texte im Navy statt tiefschwarz setzen wegen weniger Blendung.

Bildbeispiel „Tiefwald-Tinte“ erstellt mit media.io

5) Arktischer Schaltkreis

HEX: #0b0b0f #102a43 #1d4e89 #2bb3b1 #b7f7e0

Stimmung: klar, eisig, technisch

Am besten geeignet für: Analytics Dashboards, B2B SaaS-UI

Klar und technisch – diese Palette erinnert an kalte Luft, Glas und präzise Schaltkreise. Sie ist ideal für Analyse-Dashboards und SaaS-B2B-UIs, wo Klarheit und Hierarchie zählen. Kombinieren Sie mit hellen Neutraltönen und subtilen Trennern für luftig-übersichtliches Layout. Tipp: Die eisige Minze nur für Erfolgszustände und wichtige Datenpunkte verwenden, um optische Unruhe zu vermeiden.

Bildbeispiel „Arktischer Schaltkreis“ erstellt mit media.io

6) Museumsnacht

HEX: #0c0c0e #1b2d3a #2b5b6b #2f7d63 #e0e7d6

Stimmung: edel, ruhig, galerieartig

Am besten geeignet für: Editorial-Layouts, Kulturprogrammhefte

Edel und ruhig – diese Schattierungen erinnern an ein Museum nach Schließung mit weichen Spotlights auf Glas. Ideal für Editorial-Layouts, kulturelle Programme und hochwertige Broschüren, die ruhige Autorität benötigen. Kombinieren mit viel Weißraum und warmem Abgetönt-weiß als Hintergrund für einen edlen Look. Tipp: Das gedeckte Grün für Abschnittsüberschriften einsetzen, Crème zur Lesbarkeit.

Bildbeispiel „Museumsnacht“ erstellt mit media.io

7) Regnerischer Hafen

HEX: #0a0b0d #132b3b #1e4763 #2a6f7a #4aa88a

Stimmung: kühl, maritim, zurückhaltend

Am besten geeignet für: Café-Menüs, Reisebroschüren

Kühl und maritim – erinnert an nasse Docks, bewölkten Himmel und ruhige Wasserlinien. Ideal für Café-Speisekarten, Reisebroschüren und Markensysteme mit entspannter Eleganz. Kombinieren Sie mit klarer serifenloser Schrift und ein wenig Struktur, damit es nicht zu geschäftlich wirkt. Tipp: Das dunkelste Blau als Hintergrund, Türkis-Icons und Trennlinien für Highlights.

Bildbeispiel „Regnerischer Hafen“ erstellt mit media.io

8) Smaragd-Blaupause

HEX: #0b0c10 #0f2d4a #1a6fb3 #1aa37a #38e0a1

Stimmung: selbstbewusst, klar, modern

Am besten geeignet für: Startup-Branding, App-Onboarding

Selbstbewusst und klar – wie eine Blaupause in kräftiger Tinte mit frischem Smaragdgrün. Die Palette passt zu Startup-Branding und Onboarding-Flows mit Energie und Vertrauen. Kombinieren mit geometrischen Formen und reduzierten Icons für einen gezielten Look. Tipp: Das helle Grün als Fortschrittsanzeige, das kräftige Blau für wichtige Screens verwenden.

Bildbeispiel „Smaragd-Blaupause“ erstellt mit media.io

9) Dunkle Lagune

HEX: #06080a #0a2233 #0f405e #0f6a64 #0fbf9b

Stimmung: mysteriös, ruhig, aquatisch

Am besten geeignet für: Podcast-Cover, filmische Thumbnails

Mysteriös und ruhig – diese Farben erinnern an eine nächtliche Lagune mit etwas Biolumineszenz. Geeignet für Podcast-Cover, filmische Thumbnails und stimmungsvolles Channel-Branding. Kombinieren Sie hohe Kontraste und subtile Verläufe, um Tiefe ohne Unruhe zu schaffen. Tipp: Das hellste Türkis als Akzent für einen einzelnen Fokus wie eine Unterstreichung oder ein Badge nutzen.

Bild Beispiel von dark lagoon generiert mit media.io

10) Minze auf Holzkohle

HEX:#111214#1a2b3a#2d4f6a#2f8f83#b7f5e5

Stimmung:Frisch, ausgewogen, minimal

Am besten geeignet für:Hautpflege-Verpackungen, Wellness-Marken

Frisch und ausgewogen, fühlt es sich wie kühle Minze gegen Holzkohlestein an. Verwenden Sie es für Hautpflegeverpackungen, Wellness-Branding und saubere E-Commerce-Grafiken, wo Vertrauen und Ruhe Priorität haben. Kombinieren Sie es mit viel negativen Platz und matten Materialien, um die palette hochwertig zu halten. Gebrauchstipp: Drucken Sie die mint als weiches Farbton auf Etiketten und reservieren Sie die tiefen Töne für die Typographie.

Bildbeispiel von Minze auf Holzkohle erzeugt mit media.io

11) Küstencyber

HEX:#0a0c10#0b2a55#145da0#17bebb#c4fff9

Stimmung:hell, digital, luftig

Am besten geeignet für:Entwickler-Tools, landing pages

Hell und digital kombiniert es Ozean-Klarheit mit Cyber-Edge. Es passt zu Entwicklertools, Dokumentenseiten und Landingpages, die starke Leistungen und freundlichen Kontrast benötigen. Kombinieren Sie es mit einem neutralen Hintergrund und dünnen Umrissen, damit das cyan lesbar bleibt. Benutzungstipp: Verwenden Sie den hellen aqua als hover fill und behalten Sie die dunkleren Blautöne für die navigation.

Bildbeispiel von coastal cyber generiert mit media.io

12) Wacholderschatten

HEX:#090a0b#12231f#1f4d3a#2f7b5a#9d3ae

Stimmung:Bio, moody, Wald

Am besten geeignet für:Outdoor-Marken, Natur Verpackungen

Organisch und stimmungsvoll, erinnert sie an Wacholderzweige im tiefen Schatten. Diese Töne funktionieren wunderbar für Outdoor-Marken, Naturverpackungen und Naturschutzbotschaften. Kombinieren Sie sie mit Kraftpapiertexturen und einfachen Stempel-ähnlichen Symbolen für Authentizität. Gebrauchstipp: Behalten Sie das hellgrüne als kleines highlight auf, um das robuste Gefühl nicht auszuwaschen.

Bildbeispiel von Wacholderschatten generiert mit media.io

13) Ozeanisches Minimum

HEX:#0d0f12#16324f#1f6aa5#2b9ea8#d2f1ea

Stimmung:minimal, luftig, küstlich

Am besten geeignet für:Präsentationsvorlagen, Produktseiten

Minimal und luftig, die palette fühlt sich an wie offenes Wasser und saubere Typographie. Es passt zu Diavorlagen, Produktseiten und portfolios, wo Sie eine ruhige Struktur mit einem Hauch von Farbe wünschen. Kombinieren Sie mit hellen Hintergründen und einem strengen Gitter, um alles modern zu halten. Benutzungstipp: Verwenden Sie die weiche aqua für große Platten und die blaue für links und Schlüsselnummern.

Bildbeispiel von oceanic minimal generiert mit media.io

14) Kiefer und Benzin

HEX:#080a0c#0e2533#184a5e#216b5f#58c9a5

Stimmung:Abenteuerlich, stetig, cool

Am besten geeignet für:Reiseposter, boutique hotel branding

Abenteuerlich und stetig liest es sich wie Piniennadeln gegen benzinblaues Wasser. Verwenden Sie es für Reiseplakate, Boutique-Hotel-Branding und Beschilderung, die sich ruhig, aber selbstbewusst anfühlen müssen. Kombinieren Sie sie mit verdichteter Typografie und subtiler topografischer Linienkunst für ein Ortsgefühl. Benutzungstipp: Lassen Sie das mintgrüne Farbton als Wayfinding-Akzent für Pfeile und Positionsstifte fungieren.

Bildbeispiel von Kiefer und Benzin erzeugt mit media.io

15) Gletscher Botanica

HEX:#0a0c0f#123248#1b6b8f#3dbf9c#e6fff6

Stimmung:frisch, botanisch, leicht

Am besten geeignet für:Aquarell Illustrationen, Frühlingskampagnen

Frisch und botanisch fühlt es sich an wie Gletscherwasser, das leuchtende neue Blätter ernährt. Diese Farben eignen sich hervorragend für Frühlingskampagnen, ökologische Blog-Header und sanfte Illustrationsarbeit. Kombinieren Sie es mit Aquarelltexturen und luftigen Abständen, damit die palette weich bleibt. Benutzungstipp: Behalten Sie die nahezu schwarze Farbe nur für kleine details wie Umrisse und winzige Typen.

Bild Beispiel von glacier botanica generiert mit media.io

16) Sturmglas

HEX:#0b0c10#152238#2a4b7c#2a7f6d#8ee6cf

Stimmung:Sturmisch, elegant, modern

Am besten geeignet für:Fintech-Dashboards, datenstarke Benutzeroberfläche

Sturmisch und elegant, es ähnelt dunklem Glas mit einer sauberen blauen Brechung. Diese schwarz-blau-grüne Farbpalette eignet sich hervorragend für Fintech-Dashboards und datenstarke Benutzeroberfläche, wo Vertrauen und Präzision wichtig sind. Kombinieren Sie mit subtilen Schatten und abgerundeten Karten, um die Ernsthaftigkeit zu mildern. Benutzungstipp: Wenden Sie die pale mint auf die Bestätigungszustände an und behalten Sie die tieferen Blautöne für charts und navigation.

Bildbeispiel von stormglass generiert mit media.io

17) Nachtmarkt

HEX:#0b0a0c#1a2433#223a6b#1b7f8a#44d9b6

Stimmung:lebhaft, nächtlich, mutig

Am besten geeignet für:Essen Poster, street event Flyer

Lebendig und nächtlich, fängt es den Brussel eines Nachtmarktes unter kühlen Lampen ein. Verwenden Sie es für Essensplakate, Flyer für Straßenveranstaltungen und eindrucksvolle soziale Geschichten, die sofortigen Kontrast benötigen. Kombinieren Sie sie mit fettem Typ, einfachen Formen und einer begrenzten Anzahl von Symbolen für Geschwindigkeit und Übersichtlichkeit. Gebrauchstipp: Lassen Sie teal die Grafik dominieren, während die dunkelsten Farbtöne die Textblöcke verankern.

Bildbeispiel von Nachtmarkt generiert mit media.io

18) Sage in der Stadt

HEX:#0f1012#1b2a34#2e5a6b#3d8b74#b9d6c2

Stimmung:ruhig, metropolitan, weich

Am besten geeignet für:Unternehmensberichte, lifestyle blogs

Ruhig und metropolitan, es fühlt sich wie ein ruhiger park zwischen Glasgebäuden versteckt. Es passt zu Unternehmensberichten, Lifestyle-Blogs und Dienstleistungsmarken, die einen weicheren, zugänglichen look wollen. Kombinieren Sie es mit hellgrauen Hintergründen und sauberer Fotografie, um es zeitgemäß zu halten. Verwendungstipp: Verwenden Sie Salbei als große Abschnittsfarbe und behalten Sie den dunkelsten Ton nur für Überschriften.

Bildbeispiel von sage in der Stadt generiert mit media.io

19) Aurora Terminal

HEX:#05070b#0b1e3a#134b7f#00a08a#7dffcf

Stimmung:sci-fi, Leuchtend, hochkontrastierend

Am besten geeignet für:Spiel-Benutzeroberfläche, Streaming-Overlays

Science-Fiction und leuchtend, es sieht aus wie eine aurora, die durch einen dunklen Terminalbildschirm schneidet. Es eignet sich hervorragend für die Benutzeroberfläche von Spielen, Streaming-Überlagerungen und eSports-Grafiken, die Energie und Lesbarkeit benötigen. Kombinieren Sie es mit monospaced-Typ und scharfen Gitterlinien, um sich in das technische Gefühl zu leunen. Verwendungstipp: Behalten Sie die helle mint für Statusanzeigen und vermeiden Sie die Verwendung für lange Texte.

Bildbeispiel von aurora terminal generiert mit media.io

20) Samt Mangrove

HEX:#0a0a0d#1a2a44#1e5b8f#1d7a67#3ad4a6

Stimmung:Luxuriös, tropisch, dramatisch

Am besten geeignet für:Textilmuster, Premium-Verpackungen

Luxuriös und tropisch, ruft es Samtschatten und Mangrovengrün in der Dämmerung hervor. Für hochwertige Verpackungen oder Musterarbeiten bieten diese Töne drama, ohne an Raffinesse zu verlieren. Kombinieren Sie es sparsam mit Gold-Folie-Akzenten und lassen Sie die deep navy die schwere Arbeit erledigen. Benutzungstipp: Testen Sie kleine Muster im Druck, da fast schwarz und marineblau bei schwacher Beleuchtung verschmelzen können.

Bildbeispiel von Samtmangrove generiert mit media.io

Welche Farben passen zu Schwarz, Blau und Grün?

Warme Neutrale Farben (Elfenbein, sand, warmes Grau) sind die einfachste Kombination – sie halten die palette lesbar und verleihen ein hochwertiges redaktionelles Gefühl, ohne mit blauen Akzenten zu konkurrieren.

Versuchen Sie zum Kontrast kleine hits von Koralle, Bernstein oder Kupfer. Warme Akzente schaffen eine sofortige Hierarchie gegen navy/teal, während sie immer noch modern und absichtlich aussehen.

Wenn Sie eine extra saubere digitale Atmosphäre wünschen, kombinieren Sie sie mit kühlen Weißen und hellen Minzen; Behalten Sie einfach die hellsten Töne für Hintergründe, Hover-Zustände und Erfolgsfeedback.

Wie verwendet man eine Schwarz-Blau-Grün-Palette in realen Designs?

Beginnen Sie mit Rollen: Verwenden Sie nahezu schwarz für Hintergründe oder Haupttypographie, deep navy für Oberflächen und navigation und teal/green für interaktive Zustände wie links, toggles und CTAs.

Steuern Sie die Sättigung, um "Neonüberlast" zu vermeiden. In der dunklen Benutzeroberfläche reicht häufig eine leuchtende mint oder blau grün aus – wiederholen Sie sie konsequent für Tasten, Fokusringe und wichtige Datenpunkte.

Für Druck und branding testen Sie dunkle Muster in unterschiedlicher Beleuchtung. Nahezu schwarz und marineblau können verschmelzen, also fügen Sie Abstand, Umrisse oder einen leichteren Unterstützungston hinzu, um die details scharf zu halten.

Erstellen Sie Visuals mit Schwarz-Blau-Grün-Palette per KI

Wenn Sie bereits über Hex-Codes verfügen, aber passende Bilder benötigen, erstellen Sie mockups der Marke mit einer einzigen Eingabeaufforderung und einem konsistenten Seitenverhältnis.

Verwenden Sie die Eingabeaufforderungen unter jeder palette als Ausgangspunkt und tauschen Sie dann das Motiv (dashboard, poster, Verpackung) so aus, dass es zu Ihrem Projekt passt und gleichzeitig die gleiche Farbsprache beibehält.

Um sich schneller zu bewegen, erstellen Sie ein paar Variationen und wählen Sie die mit dem besten Kontrast und Brennpunkt für Ihr design.

Als Nächstes: Pastell-Blaugrüne Farbpalette