20 dunkle Farbpaletten mit Hex-Codes und KI-Beispielbildern

Dunkle Farbpaletten lassen Designs gezielt wirken: fokussierte Typografie, kontrollierter Kontrast und eine edle „After-Hours“-Stimmung, die sich in UI, Branding und Print gleichermaßen durchsetzt.

Unten findest du über 20 Ideen für dunkle Paletten mit HEX-Codes sowie praktische Kombinationstipps und KI-Prompts, mit denen du schnell passende Visuals generieren kannst.

Warum funktionieren dunkle Paletten so gut?

Dunkle Paletten schaffen sofort eine Hierarchie: Dein hellster Farbton wird zum Spotlight für wichtige UI-Zustände, Überschriften und Zahlen, während tiefere Töne alles andere ruhig und organisiert wirken lassen.

Sie lassen Farben auch intensiver wirken. Juwelentöne, warme Metalle und sanfte Pastelle erscheinen auf Kohle-, Tinten- oder Mitternachtshintergrund meist hochwertiger als auf weiß.

Schließlich sind dunkle Schemen praktisch für moderne Bildschirme. Wenn du den Kontrast sorgfältig balancierst (und reines Schwarz überall vermeidest), sind dunkle UIs für lange Sitzungen angenehm und reduzieren die Blendung in dunkler Umgebung.

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

1) Mitternachtstinte

HEX: #0b0f1a #111a2e #1b2a41 #2f3e56 #c8d3e0

Stimmung: ruhig, klar, editorial

Ideal für: Nachrichten-Apps und Analyse-Dashboards

Ruhige Mitternachts-Blautöne und getönte Grautöne erzeugen einen gelassenen Kontrollraum-Flair. Das helle Blau-Grau sorgt für Lesbarkeit, ohne die Stimmung zu zerstören. Nutze es für Dashboards, Datentabellen und navigationslastige Layouts, bei denen Kontrast wichtig ist. Kombiniere es mit schmalen Linien-Icons und einer warmen Akzentfarbe wie mattem Kupfer für Benachrichtigungen. Tipp: Den hellsten Ton für Schlüsselzahlen reservieren, um den Blick zu lenken.

Bildbeispiel für Mitternachtstinte generiert 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) Obsidian-Türkis

HEX: #071014 #0a1f24 #0f3a3f #1c6b6a #b8f2e6

Stimmung: elegant, aquatisch, high-tech

Ideal für: SaaS-Landingpages und Feature-Bereiche

Glänzendes Obsidian und tiefes See-Türkis wirken wie Licht, das sich unter Wasser bewegt. Das helle Mintgrün ist perfekt für CTAs und Mikro-Interaktionen, ohne zu leuchten. Nutze es auf Landingpages mit viel Weißraum und sanften Farbverläufen. Kombiniere mit geometrischer Sans-Schrift und weichen Schatten für einen modernen Look. Tipp: Türkis-Akzente auf unter 10 Prozent halten, damit die Seite hochwertig bleibt.

Bildbeispiel für Obsidian-Türkis generiert mit media.io

3) Noir-Pflaume

HEX: #0e0b12 #211428 #3a1c42 #6a2c6b #f2d7f7

Stimmung: dramatisch, samtig, luxuriös

Ideal für: Beauty-Branding und Parfümwerbung

Samtige Violett-Töne auf fast Schwarz sorgen für glamourösen After-Hour-Flair. Das zarte Blush-Lila sorgt für einen Skincare-Glow bei Produkt-Highlights. Nutze es für Beauty-Marken, hochwertige Labels und filmische Social-Creatives. Kombiniere mit Serifenüberschriften und viel Weißraum für ein Boutique-Gefühl. Tipp: Eine leichte Körnung verhindert flache Farbverläufe in dunklen Bereichen.

Bildbeispiel für Noir-Pflaume generiert mit media.io

4) Stürmischer Hafen

HEX: #0d1416 #1b2a2f #2e454e #4f7b86 #d7eef2

Stimmung: maritim, geerdet, erwachsen

Ideal für: Outdoor-Ausrüstungs-Websites und Kataloge

Stürmische Schiefer- und Hafentürkisschattierungen sind robust wie verwitterte Docks und Gischt. Der eisige Farbton hält das Layout luftig und gedämpft. Ideal für Outdoor-Marken, Produktkataloge und Nachhaltigkeits-Kommunikation. Mit warmen Neutraltönen wie Sand oder Beige in Bildern kombinieren, um die Kühle etwas abzumildern. Tipp: Die hellste Farbe als Hintergrundband nutzen, um Abschnitte klar zu trennen.

Bildbeispiel für Stürmischer Hafen generiert mit media.io

5) Glutrauch

HEX: #120c0a #2a1712 #4a2618 #a14b2c #f3cfb7

Stimmung: warm, rustikal, filmisch

Ideal für: Kaffee-Verpackungen und handwerkliche Lebensmittellabels

Rauchige Kakao- und Glut-Brauntöne erinnern an geröstete Bohnen und Feuerlicht. Das helle Creme-Pfirsich dient als Label-Untergrund für klare Lesbarkeit. Nutze es für Kaffeetüten, BBQ-Saucen und handgefertigtes Verpackungsdesign. Kombiniere mit Kraftpapier-Textur und simplem Icon-Design für ehrlichen Handwerkscharakter. Tipp: Spotlack auf dem Glut-Ton sorgt für sofortige Regalwirkung.

Bildbeispiel für Glutrauch generiert mit media.io

6) Galaktische Traube

HEX: #07070f #1a1030 #331a58 #7b3ff2 #e9ddff

Stimmung: futuristisch, elektrisch, verspielt

Ideal für: Musik-Eventplakate und Nightlife-Promos

Elektrische Traube auf Raum-Schwarz wirkt wie Neonreklame in einer späten Gasse. Diese dunklen Farbkombis glänzen auf Postern, die sofort Energie und Lesbarkeit auf Entfernung brauchen. Violett als Heldenton nutzen, das helle Lavendel trägt Daten und Veranstaltungsdetails. Kombiniere mit fetter Condensed-Schrift und einfachen Geometrien für den Club-Ready-Look. Tipp: Farbverläufe dezent halten, damit Lila in Druck klar bleibt.

Bildbeispiel für Galaktische Traube generiert mit media.io

7) Eisenholz-Olive

HEX: #0f120d #242a18 #3b4523 #6b7c3a #e6edd2

Stimmung: erdig, funktional, zurückhaltend

Ideal für: Workwear-Branding und nutzorientiertes Webdesign

Stählerne Grüntöne und Olivschatten wirken praktisch wie Canvasjacken und Feldausrüstung. Das blasse Khaki hebt Typografie hervor und macht Produktdetails gut erfassbar. Für Workwear-Marken, Werkzeugkataloge oder robuste Webshops verwenden. Kombiniere mit cremefarbenen Fotohintergründen, damit die Seite nicht zu schwer wirkt. Tipp: Das mittlere Olive für Sekundärbuttons nutzen, um die Hierarchie klar zu halten.

Bildbeispiel für Eisenholz-Olive generiert mit media.io

8) Samt-Saphir

HEX: #050a12 #0c1830 #132a52 #1f55a5 #d9ecff

Stimmung: klar, selbstbewusst, seriös

Ideal für: Fintech-Apps und Investor-Präsentationen

Saphirblau auf fast Schwarz wirkt souverän und vertrauenswürdig wie ein Maßanzug. Der luftige Blauton schenkt Diagrammen und KPIs Raum zum Atmen. Für Fintech-Produkte, Pitch-Decks und Compliance-lastige Oberflächen einsetzen, wo Klarheit zählt. Kombiniere mit subtilen Trennern und einem Akzentton wie sanftem Limettengrün für Erfolgszustände. Tipp: Das hellste Blau nur für Links und Primäraktionen verwenden.

Bildbeispiel für Samt-Saphir generiert mit media.io

9) Ascherose

HEX: #120b0e #2a141e #4a1f34 #a33b6a #f6d2e2

Stimmung: romantisch, rauchig, modern

Ideal für: Hochzeitseinladungen und Abendgalas

Räucherbeerige und kohlen-schwarze Töne fühlen sich wie Kerzenschein auf Samtblüten an. Der rosige Akzent sorgt dafür, dass Namen, Daten und RSVP-Details lesbar bleiben. Ideal für Abendhochzeits-Papeterie, Gala-Einladungen und elegante Social Stories. Kombinieren Sie mit metallischen Folien-Effekten oder einem matten Gold für sofortige Raffinesse. Tipp: Drucken Sie auf ungestrichenem Papier, um den Kontrast zu mildern und die Haptik zu erhalten.

Bildbeispiel von Cinder Rose, erzeugt mit media.io

10) Tiefe Waldnacht

HEX: #060b07 #132016 #1f3725 #2f6b44 #d6f2dc

Stimmung: natürlich, ruhig, regenerierend

Ideal für: Wellness-Marken und Öko-Produktseiten

Piniengrün im Schatten weckt Erinnerungen an einen ruhigen Waldweg nach Regen. Der minzige Akzent sorgt für Frische bei Abzeichen und Kernvorteilen. Nutzen Sie es auf Wellness-Websites, Öko-Produktseiten und Aboboxen mit bodenständigem Gefühl. Kombinieren Sie mit warmen Neutraltönen wie Hafer oder Ton in Fotos für Balance. Tipp: Die hellste Grüntönung für Inhaltkarten nutzen, damit lange Texte angenehm bleiben.

Bildbeispiel von Deep Forest Night, erzeugt mit media.io

11) Verschattetes Kupfer

HEX: #0d0b0a #241a16 #3b2a22 #a86a4a #f2e0d4

Stimmung: industriell, warm, hochwertig

Ideal für: Produktverpackungen und Hardware-Branding

Gebrannte Neutraltöne mit Kupferwärme fühlen sich an wie geschmiedetes Metall und Werkstattlicht. Das sanfte Beige schafft Raum für Spezifikationen und Kleingedrucktes. Nutzen Sie es für Hardware-Marken, hochwertige Verpackungen und minimalistische Produktseiten. Kombinieren Sie mit Makro-Material-Fotografie und klaren Sans-Serif Labels für einen technischen Look. Tipp: Kupfer funktioniert am besten als kleiner Akzentstreifen oder Siegel und nicht als kompletter Hintergrund.

Bildbeispiel von Shadowed Copper, erzeugt mit media.io

12) Lunar Slate

HEX: #0b0d10 #171c22 #2a333d #5d6f82 #e7eef5

Stimmung: minimal, cool, technisch

Ideal für: Dokumentationsseiten und Entwickler-Tools

Kühle Slate- und Mondgrautöne wirken präzise wie ein Terminalfenster im Mondlicht. Das nebelige Fast-Weiß macht Code-Snippets und Tabellen leicht erfassbar. Nutzen Sie es für Doku-Seiten, Wissensdatenbanken und Tool-UIs, die langen Komfort bieten müssen. Kombinieren Sie mit einem einzelnen Akzent wie Cyan für Links und ausgewählte Zustände. Tipp: Fließtext auf dem hellsten Hintergrundblock halten, um die Augen zu schonen.

Bildbeispiel von Lunar Slate, erzeugt mit media.io

13) Ravenberry

HEX: #0a0710 #1a1022 #2f173a #5a2c66 #f0d9ff

Stimmung: geheimnisvoll, künstlerisch, raffiniert

Ideal für: Buchcover und literarische Poster

Rabenschwarz und beerenviolett suggerieren Krimis und nächtliches Lesen. Diese dunkle Farbpalette eignet sich perfekt für Dramatik ohne harten Kontrast. Nutzen Sie sie für Buchcover, Gedichte-Poster und Kulturveranstaltungen. Kombinieren Sie mit Texturpapieren und einer zurückhaltenden Serifenschrift für den literarischen Stil. Tipp: Setzen Sie den Titel in blassem Lavendel und lassen Sie tiefere Purpur-Töne den Begleittext rahmen.

Bildbeispiel von Ravenberry, erzeugt mit media.io

14) Dusk Neon

HEX: #0b0b12 #1f1633 #2d2a6d #ff3ea5 #d7f7ff

Stimmung: kräftig, jugendlich, energiegeladen

Ideal für: Gaming-Overlays und Streamer-Panels

Tiefes Indigo mit Neon-Magenta wirkt wie eine Skyline zur Dämmerung. Der eisige Ton hält Labels und UI-Texte knackig auf engem Raum. Nutzen Sie für Streaming-Overlays, Esports-Promos und Launch-Grafiken für Spiele. Kombinieren Sie mit Pixel- oder Techno-Schriften und halten Sie die Formen kantig für Geschwindigkeit. Tipp: Magenta nur für Highlights wie Status-Badges und CTA-Chips verwenden.

Bildbeispiel von Dusk Neon, erzeugt mit media.io

15) Antiker Tuschstein

HEX: #0f0e0b #23211a #3a372b #7a735a #f1eedf

Stimmung: traditionsreich, gelehrt, warm

Ideal für: Museumsbroschüren und redaktionelle Layouts

Tuschstein-Schwarz und antike Taupetöne erinnern an gealterte Seiten und Archivdrucke. Das warme Off-White liest sich wie Pergament und macht Fließtext einladend. Nutzen Sie für Museumsbroschüren, redaktionelle Artikel und traditionsbewusstes Branding. Kombinieren Sie mit klassischer Serif-Typografie und dezenten Linien für Struktur. Tipp: Bilder leicht entsättigen, damit sie zum Vintage-Ton passen.

Bildbeispiel von Antique Inkstone, erzeugt mit media.io

16) Black Cherry Cola

HEX: #0b0708 #220d12 #3d121f #7d1f3a #f7d8df

Stimmung: verführerisch, glänzend, Nachtleben

Ideal für: Cocktailkarten und Bar-Branding

Schwarze Kirschrot-Töne auf Fast-Schwarz wirken glänzend, wie Cola-Bläschen im Barlicht. Solche dunklen Farbkombinationen eignen sich ideal für appetitliche Wirkung ohne laut zu sein. Nutzen Sie für Cocktailkarten, Lounge-Promos und Premium-Flaschenetiketten. Kombinieren Sie mit cremigen Neutraltönen und einem Hauch Messing für klassischen Abschluss. Tipp: Das blasseste Rosa nur für kleine Textblöcke, damit das Menü dramatisch bleibt.

Bildbeispiel von Black Cherry Cola, erzeugt mit media.io

17) Petrol Steel

HEX: #081013 #10252c #1e3d49 #3f6a78 #d5f0f7

Stimmung: urban, modern, widerstandsfähig

Ideal für: Automobil-Branding und Tech-Produktseiten

Petrolblau und Stahl-Türkis wirken urban, wie Regen auf Asphalt und gebürstetes Metall. Das blasse Aqua hält Spezifikationsblätter und Features-Kacheln klar. Nutzen Sie für Automobil-Branding, Gadget-Seiten und B2B-Tech-Websites. Kombinieren Sie mit dynamischer Fotografie und minimalistischen Icons, um den industriellen Ton zu treffen. Tipp: Das mittlere Türkis für Separatoren und Fortschrittsanzeigen statt schwere Rahmen nutzen.

Bildbeispiel von Petrol Steel, erzeugt mit media.io

18) Twilight Sandstone

HEX: #0e0b08 #261a12 #4a2d1f #b07a4c #f3e1cf

Stimmung: Wüste, warm, filmisch

Ideal für: Reiseplakate und Boutique-Hotel-Branding

Twilight-Braun und Sandstein-Orange erinnern an Wüstensonnenuntergänge und sonnengegerbte Mauern. Das cremige Beige macht Typografie für Destinationen und Angebote lesbar. Nutzen Sie für Reiseplakate, Boutique-Hotel-Identitäten und Lifestyle-Lookbooks. Kombinieren Sie mit tiefen Türkis-Fotoakzenten für einen eindrucksvollen kontrastreichen Ausgleich. Tipp: Den Amber nur als Fokusband hinter Überschriften einsetzen, nicht als Vollfläche.

Bildbeispiel von Twilight Sandstone, erzeugt mit media.io

19) Quiet Dungeon

HEX: #070607 #151017 #261a2b #3c2a45 #cdbfd6

Stimmung: gotisch, ruhig, atmosphärisch

Ideal für: Fantasy-Buchcover und Spielmenüs

Gedämpfte Violett- und Schattengrau-Töne erinnern an Fackellicht im Steinkorridor. Das staubige Lavendel sorgt dafür, dass UI-Labels und Lore-Texte lesbar bleiben. Nutzen Sie für Fantasy-Cover, Tabletop-Kampagnen und Menübildschirme im Spiel. Kombinieren Sie mit verschnörkelten Serif-Titeln oder dezenten Runenmotiven für Stimmung. Tipp: Sanfte Vignette hinzufügen, damit der Mittelpunkt das hellste bleibt.

Bildbeispiel von Quiet Dungeon, erzeugt mit media.io

20) Smoked Indigo Denim

HEX: #0b0e14 #161e2a #23324a #3a5a86 #e3edf9

Stimmung: lässig, vertrauenswürdig, zeitgemäß

Ideal für: Fashion-E-Commerce und Lookbook-Layouts

Geräuchertes Indigo und Denim-Blau erzeugen Vertrautheit, wie eine gut getragene Jacke. Das kühle Fast-Weiß hält Produktnamen und Preise sauber. Nutzen Sie für Fashion-E-Commerce, Lookbooks und Newsletter. Kombinieren Sie mit minimaler Produktfotografie und dezentem Offschwarz für Texte. Tipp: Den mittleren Denim-Ton für Hover-Zustände und Filter verwenden, damit das Interface freundlich bleibt.

Bildbeispiel von Smoked Indigo Denim, erzeugt mit media.io

21) Charcoal Citrus Pop

HEX: #0a0a0c #1e1f25 #3b3f4a #ffb000 #f2f5f8

Stimmung: modern, prägnant, selbstbewusst

Ideal für: Startup-Branding und CTA-fokussierte Seiten

Kohle-Neutraltöne mit einem Citrus-Kick wirken markant wie Streetwear-Labels und scharfe Beschilderung. Das helle Amber ist ideal für Primäraktionen und Benachrichtigungsdots. Nutzen Sie für Startup-Branding, Conversion-Seiten und Produkttouren, wo klare Hierarchie benötigt wird. Kombinieren Sie mit klarer geometrischer Typografie und einfachen Illustrationen für Zugänglichkeit. Tipp: Amber nur für Buttons und Icons, Kohle übernimmt den Hauptteil.

Bildbeispiel von Charcoal Citrus Pop, erzeugt mit media.io

Welche Farben passen zu Dunkel?

Dunkle Neutraltöne (Kohle, Tinte, Fast-Schwarz) lassen sich leicht mit sanftem Off-White und Blau-Grau kombinieren für lesbare Typografie und „editoriale“ Struktur. Wenn Ihr Design zu schwer wirkt, wärmen Sie die helle Farbe (Creme, Pergament) leicht auf, damit es einladender wird.

Bei Akzenten wirken Juwelentöne (Violett, Türkis, Saphir, Smaragd) auf dunklem Hintergrund gesättigt und hochwertig. Warme Metallics (Kupfer, Messing, mattes Gold) schaffen Kontrast ohne die Härte von reinem Gelb.

Für moderne Produkt/UI-Arbeit sollten Akzente begrenzt sein: ein primärer Akzent für Aktionen, ein semantisches Set für Zustände (Erfolg/Warnung/Fehler), der Rest bleibt in dunklen bis mittleren Neutraltönen.

Wie man eine dunkle Farbpalette in echten Designs einsetzt

Starten Sie mit der Wahl Ihres „Canvas“ (die zwei dunkelsten Schattierungen) und reservieren sie für große Flächen wie Seitenhintergrund, Hero-Sektionen oder App-Shells. Mitteltöne weisen Sie Karten, Panels oder Navigation zu, damit sich Komponenten ohne dicke Rahmen abgrenzen.

Nutzen Sie den hellsten Farbton strategisch: Überschriften, wichtige Kennzahlen und interaktive Texte. Bei dunklen Themes können kleine Schriftgrößen verschwimmen — passen Sie das Schriftgewicht etwas an und vermeiden Sie ultradünne Strichstärken für Icons.

Testen Sie abschließend den Kontrast im Kontext. Dunkle Paletten sehen als Farbmuster großartig aus, können aber im Layout scheitern, wenn Highlights zu häufig genutzt werden; halten Sie helle Akzente rar, damit sie Bedeutung und Wirkung behalten.

Erstelle Dark-Palette-Visuals mit KI

Wenn Sie eine Landingpage, ein Poster oder Verpackungsdesign erstellen, generieren Sie markengerechte Mockups, indem Sie die obigen Prompts wiederverwenden und Ihr Produkt, Layouttyp und Seitenverhältnis austauschen.

Mit Media.io Text to Image können Sie schnell iterieren: Versuchen Sie verschiedene Lichtbegriffe (Randlicht, weicher Schatten, Neon-Glow), passen Sie „kein Geräte-Rahmen“ für saubere Vorschauen an und halten Sie den Hintergrund schlicht für einfaches Compositing.

Sobald Ihnen eine Richtung gefällt, erstellen Sie einige Variationen und wählen die mit dem besten Kontrast und Abstand — dunkle Themes belohnen Feinheit.

Weiter: Braun-Burgunder-Farbpalette