Dunkelgraue Farbpaletten: 20 Farbkombinationen mit Hex Codes

Dunkelgrau ist ein modernes neutral, das sich elegant, ruhig oder dramatisch anfühlen kann, je nachdem, womit Sie es kombinieren. Es ist ein go-to für Benutzeroberfläche, branding und Interieurs, weil es Struktur ohne die Rauheit von reinem Schwarz hinzufügt.

Im Folgenden finden Sie 20 kuratierte dunkelgraue Farbpalette-Ideen mit Hex-Codes sowie praktische Anleitungen zur Auswahl von Akzenten, zum Ausgleich des Kontrasts und zum Erstellen von Palettenvisuals mit KI.

Warum dunkelgraue Paletten So gut funktionieren

Dunkelgrau ist der "süße Punkt" zwischen Schwarz und Mittelton-Neutralen: Es sorgt für Tiefe, Kontrast und Hierarchie, aber es ist weicher für die Augen. Das macht es besonders effektiv für Schnittstellendesign, redaktionelle layouts und Premium-Markensysteme.

Da Dunkelgrau von Natur aus vielseitig ist, kann es warm (taupe, espresso, Palisander) oder kühl (Stahl, Schiefer, Blau-Schwarz) schwingen. Mit dem richtigen Akzent fühlt sich die gleiche neutrale Basis wellness-vorwärts, corporate, spielerisch oder luxuriös an.

Es passt auch gut zu Textur – Papierkörner, subtiles Geräusch, matte Oberflächen und weiche Schatten – und hilft designs, sich dimensionell und weniger „flach "anzufühlen, selbst wenn Sie die palette minimal halten.

20+ Dunkelgraue Farbpalette Ideen (mit Hex-Codes)

1) Graphit und Leinen

Sechskant:#2b2d31#3c3f45#6b6f77#d7d1c6#f3f1ed

Stimmung:Ruhig, architektonisch, raffiniert

Am besten für:Architekturstudio website hero

Ruhig und architektonisch, diese Graphittöne gegen Leinenneutralen fühlen sich wie Beton, Papier und weiches Tageslicht an. Verwenden Sie es für Studio-Websites, portfolios und Premium-Service-Marken, die stilles Vertrauen benötigen. Kombinieren Sie es mit warmen Off-White und einer subtilen Textur (Papierkörner oder leichtes Geräusch), um einen flachen look zu vermeiden. Tipp: Behalten Sie den hellen Leinen als Haupthintergrund und reservieren Sie tiefen Graphit für Überschriften und Hauptknöpfe.

Bildbeispiel von Graphit und Leinen erzeugt mit media.io

Media.io

Media.io ist ein Online-KI-Studio zum Erstellen und Bearbeiten von Videos, Bildern und Audios in Ihrem browser.

Jetzt kostenlos ausprobieren

2) Holzkohlesalbei

Sechskant:#24262b#3a3d44#5a6b5f#9bb49c#e6efe7

Stimmung:geerdet, botanisch, modern

Am besten für:wellness brand identity kit

Geerdet und botanisch, Holzkohle liest sich wie Stein, während Salbei einen frischen, pflanzlichen Auftrieb hinzufügt. Diese dunkelgrauen Farbkombinationen eignen sich hervorragend für Wellness-Branding, Apotheker-Etiketten und calm Lifestyle-Verpackungen. Kombinieren Sie es mit matten Texturen und zurückhaltender Linienkunst für ein modernes, naturorientiertes Gefühl. Tipp: Verwenden Sie die blasse Minze als negativen Raum, damit sich die dunkleren Töne nie schwer anfühlen.

Bildbeispiel von Holzkohle Salbei generiert mit media.io

3) Stahlblaue Nacht

Sechskant:#1f2228#353a44#4a6072#7b9bb8#e8edf3

Stimmung:cool, technisch, vertrauenswürdig

Am besten für:SaaS-Dashboard-Benutzeroberfläche

Cool und technisch, Stahlblau schichtet über fast schwarz fühlt sich an wie Nachtmodus mit einem sauberen, selbstbewussten Glanz. Es passt zu SaaS-Dashboards, Analyse-Tools und Enterprise-Benutzeroberfläche, wo Klarheit wichtig ist. Kombinieren Sie mit dünnen Trennteilern und einem leichten eisigen Hintergrund für Datentabellen und sekundäre panels. Tipp: Reservieren Sie den hellsten Ton für Schlüsselmetriken, um eine sofortige Hierarchie zu erstellen, ohne zusätzliche Farben hinzuzufügen.

Bildbeispiel von steel blue night generiert mit media.io

4) Asche Rosenholz

Sechskant:#2a2728#444041#6d5a58#b08a82#f2e7e5

Stimmung:warm, Intim, Vintage-Neigung

Am besten für:coffee shop Menü design

Warm und intim, Eschegrau mit Rosenholz-Untertönen erinnert an Lederhefte und eine ruhige Café-Ecke. Es eignet sich gut für Menüs, Boutique-Gastfreundschaft und handwerkliche Produktlisten, wo Sie gemütliche Raffinesse wünschen. Kombinieren Sie es mit cremigen Papierhintergründen und gedämpften Rouge-Highlights für Abschnittskopfzeilen. Tipp: Behalten Sie den Körpertext in mittlerem Grau und verwenden Sie den tiefen Ton nur für Preise und Schlüsseletiketten.

Bildbeispiel von Asche Rosenholz erzeugt mit media.io

5) Schiefer Citrus Pop

Sechskant:#262a30#3d434d#707786#f0c94a#fff3d6

Stimmung:Mut, Optimisch, Redaktionell

Am besten für:social media Werbung kreativ

Mutig und optimistisch, Schiefergrau setzt die Bühne, während Zitrusgelb wie ein Schlagzeilen-Highlight durchdringt. Es ist eine starke Wahl für soziale Anzeigen, Promo-Banner und Ankündigungen, die Kontrast benötigen, ohne neon zu gehen. Kombinieren Sie es mit großer Typografie und einfachen geometrischen Formen, um die Energie sauber zu halten. Tipp: Verkleiden Sie das Gelb mit einem Brennelement (Knopf, Preisschild oder Abzeichen) für maximale Wirkung.

Bild Beispiel von slate citrus pop generiert mit media.io

6) Tinte und Sandstein

Sechskant:#202226#36383f#6a6f78#c3b6a6#f6f0e8

Stimmung:minimal, premium, zeitlos

Am besten für:Luxus-Hautpflegeverpackung

Minimal und premium, Tintengrau gegen Sandstein-Neutralen fühlen sich wie Steingut, Leinen und ruhigen Luxus an. Diese dunkelgraue Farbpalette passt zu Hautpflegeverpackungen, Boutique-Kerzen und erhöhten DTC-Marken, die Zurückhaltung wollen. Kombinieren Sie es mit geprägten finishes und warmen Neutralen, um es eher einladend als kalt zu halten. Tipp: Verwenden Sie Sandstein für das Etikettenfeld und lassen Sie die Tintentöne das logo und die Hierarchie der Zutaten tragen.

Bildbeispiel von Tinte und Sandstein erzeugt mit media.io

7) Mitternachtspflaumenrauch

Sechskant:#1d1c22#332b37#5a435f#a07aa6#efe7f1

Stimmung:Geheimnisvoll, kreativ, nächtlich

Am besten für:indie album cover artwork

Geheimnisvoll und kreativ, midnight Grey mit Pflaumenrauch fühlt sich an wie eine spätabendliche Studiosession unter weichem violettem Licht. Es eignet sich ideal für Album-Covers, Event-Poster und künstlerische Kampagnen, die atmosphärisch sind. Kombinieren Sie es mit kontrastreichem Typ in pale Lila und halten Sie die Bilder abstrakt, um die Stimmung zu verstärken. Tipp: Fügen Sie Korn und eine sanfte vignette mit dem dunkelsten Ton für Tiefe ohne zusätzliche Farben hinzu.

Bildbeispiel von Mitternachtspflaumenrauch erzeugt mit media.io

8) Beton und Kupfer

Sechskant:#2c2f33#454a51#777d86#b46b4d#f1dfd6

Stimmung:Industriell, selbstbewusst, Warmmetall

Am besten für:Handwerk Spirituosen Etikett design

Industriell, aber einladend, trifft Betongrau auf Kupfer wie gebürstetes Metall gegen urbanen Stein. Es eignet sich für handwerkliche Spirituosen, Premium-Kaffee und Produktetiketten, die Korn und Wärme wollen. Kombinieren Sie es mit verdichteten Typographie und Kupferfolie-Akzenten für einen taktilen, regalfertigen look. Tipp: Legen Sie Kupfer nur auf kleine Abzeichen oder Ränder, damit die neutrale Basis in Kontrolle bleibt.

Bildbeispiel von Beton und Kupfer erzeugt mit media.io

9) Sturmgrün

Sechskant:#23262b#3c4248#4b6b6b#69a6a1#e7f3f2

Stimmung:frisch, küstlich, modern

Am besten für:Reise blog header design

Frisch und küstlich, stürmisch grau mit blaugrün fühlt sich an wie Meeresglas unter einem bewölkten Himmel. Es passt zu Reise-Headers, Lifestyle-Blogs und luftigen Marken, die Farbe wollen, ohne ein neutrales Rückgrat zu verlieren. Kombinieren Sie mit viel weißem Raum und blaugrünen highlights für links und callouts. Tipp: Halten Sie die Bilder kühl, damit die blaue Farbe absichtlich liest, nicht zufällig.

Bildbeispiel von stormy teal, erstellt mit media.io

10) Smoked Lavender

Sechskant: #26242a #3e3a45 #6f667a #b5a9c9 #f4f0fa

Stimmung: weich, traumhaft, zeitgenössisch

Am besten für: Hochzeitseinladung-Set

Weich und verträumt: Rauchige Grautöne gemischt mit Lavendel wirken wie Dämmerungsschleier und gepresste Blumen. Perfekt für moderne Hochzeiten, elegante Einladungen und Papeterie, die Romantik ohne helle Pastelltöne sucht. Kombiniere mit feinen Serifenschriften und viel Raum zum Atmen auf hellem Hintergrund. Tipp: Verwende mittleren Lavendel für Rahmen und kleine Icons statt vollflächigen Farbbereichen.

Bildbeispiel von smoked lavender, erstellt mit media.io

11) Granite Mint Studio

Sechskant: #24272c #3a3f46 #5e646e #7fd1b9 #eaf8f3

Stimmung: klar, energetisch, technologie-freundlich

Am besten für: Fitness-App Onboarding-Screens

Klar und energetisch: Granitgrau hält alles scharf, während Mint einen modernen Frischekick bringt. Ideal für Fitness-Apps, Habit Tracker und Produkt-Onboarding, wo Klarheit und Motivation zählen. Kombiniere mit kräftigen Fortschrittsanzeigen und einfachen Illustrationen, um Überladung zu vermeiden. Tipp: Mint für Erfolgszustände und Hauptaktionen verwenden, sekundäre Buttons bleiben im mittleren Grau.

Bildbeispiel von granite mint studio, erstellt mit media.io

12) Urban Cherry

Sechskant: #1f2024 #34363d #5c4a52 #b23a56 #f6e7ec

Stimmung: mutig, stylisch, Nachtleben

Am besten für: Fashion Lookbook-Layout

Mutig und stylisch: Urbanes Grau mit Kirschrot erinnert an Stadtlichter auf poliertem Stein. Perfekt für Fashion-Lookbooks, Nachtleben Flyer und markante Brandings mit Haltung, aber ohne Chaos. Große Bildblöcke kombinieren und Kirschrot als starken Akzent für Abschnittsüberschriften oder Seitenzahlen nutzen. Tipp: Tiefste Farbton als Hintergrund und Kirschblush zur Auflockerung des Textumfelds verwenden.

Bildbeispiel von urban cherry, erstellt mit media.io

13) Fog and Mustard

Sechskant: #2a2c31 #40444c #7a808b #d7a51f #f7f0d6

Stimmung: selbstbewusst, retro-modern, kraftvoll

Am besten für: Eventposter-Design

Selbstbewusst und leicht retro: Nebelgrau lässt Senf wie ein Scheinwerfer auf einer regnerischen Straße wirken. Diese dunklen Graukombinationen sind ideal für Eventposter, Konferenzgrafik und markante Ankündigungen. Kombiniere mit kräftiger Sans-Serif Type und einfachen Formen für einen klaren, kontrastreichen Look. Tipp: Senf nimmt das Datum und CTA, die Grautöne geben den Ton für den Rest.

Bildbeispiel von fog and mustard, erstellt mit media.io

14) Pewter Ocean

Sechskant: #262a2f #3e454f #6b7787 #3c7fa6 #e6f1f7

Stimmung: klar, zuverlässig, corporate-ruhig

Am besten für: B2B Landingpage Design

Klar und zuverlässig: Zinn-Grau mit Ozeanblau wirkt wie polierter Stahl und offene Wasserflächen. Ideal für B2B-Landingpages, Fintech und Beratungsmarken, die Ruhe und Autorität brauchen. Kombiniere mit klarer Iconografie und hellen Hintergründen, damit das Blau professionell und nicht verspielt wirkt. Tipp: Ozeanblau für Links und Abschnittsmarker, nicht für große Hintergründe nutzen.

Bildbeispiel von pewter ocean, erstellt mit media.io

15) Carbon Neon Lime

Sechskant: #1c1f23 #2f333a #555c66 #b8ff4a #f4ffe0

Stimmung: kantig, kontrastreich, futuristisch

Am besten für: Gaming Produktwerbebanner

Kantig und futuristisch: Carbon-Grau lässt Neonlime wie ein HUD-Highlight im dunklen Raum wirken. Optimal für Gaming Ads, Tech-Drops und markante Banner für sofortige Sichtbarkeit. Kombiniere mit scharfem Formen und einem einzelnen Lime-Glow-Effekt für einen kontrollierten, exklusiven Look. Tipp: Begrenze Lime auf einen Hauptbutton und eine kleine Detaillinie für einen hochwertigen Vibe.

Bildbeispiel von carbon neon lime, erstellt mit media.io

16) Museum Taupe

Sechskant: #2d2c2a #474543 #746b63 #b9aa96 #f2ede6

Stimmung: klassisch, kuratiert, dezent

Am besten für: Kunstgalerie Broschürenlayout

Klassisch und kuratiert: Taupe-Graus erinnern an Museumswände, gerahmte Drucke und sanfte Spotbeleuchtung. Ideal für Galeriebroschüren, Kulturprogrammhefte und anspruchsvolle Druckstücke. Kombiniere mit großzügigen Rändern und feinen Linien, damit der Inhalt atmen kann. Tipp: Hellcreme als Hintergrund nutzen und tiefster Ton für Bildunterschriften und Navigationselemente.

Bildbeispiel von museum taupe, erstellt mit media.io

17) Monochrome Drift

Sechskant: #17181b #2a2c31 #4a4e57 #7b818d #d9dde3

Stimmung: minimal, neutral, ultra-modern

Am besten für: Mobile UI-Komponentenbibliothek

Minimal und ultra-modern: Diese treibenden Grautöne wirken wie Nebel, Chrom und klare Typografie. Ein dunkles Graupalett wie dieses eignet sich ideal für Komponentenbibliotheken, Designsysteme und UI-Kits, die maximale Flexibilität brauchen. Kombiniere mit einem einzigen Markenakzent anderswo im Produkt und lass die Neutralen das Gerüst übernehmen. Tipp: Für Zugänglichkeit das hellste Grau hinter kleinen Texten verwenden und fast-Schwarz für wichtige Labels.

Bildbeispiel von monochrome drift, erstellt mit media.io

18) Espresso Olive

Sechskant: #2a2420 #413835 #5a6150 #8b9b6a #efece6

Stimmung: erdig, modern-rustikal, wohltuend

Am besten für: Restaurant-Branding und Menü

Erdig und wohltuend: Espresso braun-grau mit Olivgrün erinnert an Holz-Tische, Keramikgeschirr und Kräuter auf Brettern. Gut geeignet für Restaurant-Branding, Farm-to-Table-Menüs und kulinarische Verpackung. Kombiniere mit natürlichen Papieren und einfachen Illustrationen für eine bodenständige Wirkung. Tipp: Olive für Kategoriemarker und Highlights, tiefste Espressoton für Headline und Logos.

Bildbeispiel von espresso olive, erstellt mit media.io

19) Rainy Day Pastels

Sechskant: #2a2d34 #434854 #6f7582 #c9b7d8 #e8eef5

Stimmung: weich, freundlich, tech-light

Am besten für: Studentenplaner-Vorlage

Weich und freundlich: Regen-Graus gemischt mit sanftem Flieder erinnern an Notizbücher, bedeckte Nachmittage und ruhige Konzentration. Perfekt für Planervorlagen, Dashboard zum Lernen und druckbare Organizer, die unterstützend wirken sollen. Kombiniere mit runden Formen und subtilen Teilfarbfeldern in hellblau-grau. Tipp: Flieder nur für Überschriften und Häkchen, damit das Layout bleibt beim Drucken lesbar.

Bildbeispiel von rainy day pastels, erstellt mit media.io

20) Noir Gold Accent

Sechskant: #1b1c1f #2f3136 #585b61 #c7a04a #f6f0e3

Stimmung: luxuriös, dramatisch, kontrastreich

Am besten für: Premium-Uhrenprodukt-Anzeige

Luxuriös und dramatisch: Noir-Graus mit warmem Gold wirken wie eine dunkle Boutique und Spot auf poliertem Metall. Für Premiumprodukt-Anzeigen, edle Landingpages und elegante Ankündigungen geeignet. Kombiniere mit minimalem Text, kräftigem Kontrast und cremefarbenem Hintergrund, damit das Gold edel und nicht grell wirkt. Tipp: Gold nur als Mikro-Akzent für Logo und kleine Linien, nicht als große Farbfläche.

Bildbeispiel von noir gold accent, erstellt mit media.io

Welche Farben passen gut zu Dunkelgrau?

Warme Neutralen wie Creme, Leinen, Beige und Sandstein machen Dunkelgrau einladender und luxuriöser. Das ist eine verlässliche Kombination für Verpackungen, Editorial-Layouts und Innenraum-Branding, wo “leiser Luxus” statt starkem Kontrast gefragt ist.

Kühle Akzente—Stahlblau, Teal und Ozeantöne—schieben Dunkelgrau in eine technische, vertrauenswürdige Richtung. Diese Kombinationen sind besonders effektiv für SaaS-UIs, Dashboards und Corporate-Landingpages, weil sie Klarheit und Hierarchie erhalten.

Für mehr Energie: Dunkelgrau als Basis und ein einziger, kräftiger Akzent (Senf, Citrusgelb, Kirsch, Neonlime oder Gold). Entscheidend ist das Maß: eine Akzentrolle (CTA, Badge oder Highlight) hält das Design scharf und kontrolliert.

So verwenden Sie eine dunkelgraue Farbpalette in echten Designs

Beginne mit Rollen: ein dunkler Ton für Überschriften/primäre UI, ein mittleres Grau für Fließtext und Rahmen, und ein helles Neutral für Hintergründe. So werden “matschige Grau-auf-Grau”-Layouts vermieden und die Typografie bleibt lesbar.

Akzente gezielt für Interaktion und Betonung nutzen—Buttons, Links, aktive Zustände, Termine, Preisschilder oder kleine Markenzeichen. Wenn mehr Tiefe ohne Farbzusatz gebraucht wird: auf subtile Verläufe, Schatten und Texturen mit bestehenden Graus setzen.

Für Barrierefreiheit: Kontrast prüfen (besonders bei kleinem Text) und das hellste Grau als Texthintergrund reservieren. Im UI funktioniert Dunkelgrau meist besser, wenn der Hintergrund nicht komplett schwarz ist—weniger Augenbelastung, edler Look.

Erstellen Sie dunkelgraue Palettenvisuals mit KI

Wer sehen möchte, wie eine dunkle Graupalette im echten Layout wirkt: Schnell mit KI Mockups generieren—Hero Section, Poster, Packaging, UI-Screens. Mit einem konsistenten Satz HEX-Farben lässt sich Hierarchie, Kontrast und “Stimmung” testen, bevor man sich festlegt.

Mit Media.io Text to Image kann man Prompts wie oben einfügen, die Palette beibehalten und schnell iterieren—ideal für Moodboards, Pitchdecks und frühe Markenentwicklung.

Nächster Schritt: Hautfarben-Palette