Die 21 besten Dim Gray Farbpaletten: Hex Codes und Gestaltungstipps

Dim Gray ist ein moderner Neutralton, der Struktur verleiht, ohne die Härte von reinem Schwarz. In Benutzeroberflächen, Branding und Innenräumen unterstützt er klare Typografie, stabile Layouts und eine ruhige visuelle Hierarchie.

Unten finden Sie über 20 Dim Gray Farbpaletten-Ideen mit HEX-Codes sowie praktische Tipps für die Kombination von Akzenten, die Lesbarkeit des Kontrasts und die Umsetzung von Paletten in echte Designs.

Warum Dim Gray Paletten so gut funktionieren

Dim Gray liegt im perfekten Bereich zwischen hartem Schwarz und hellem Grau und kann Navigation, Überschriften und UI-Elemente tragen, ohne den Inhalt zu überlagern. Dieses Gleichgewicht lässt Designs bewusst und durchdacht wirken.

Da er neutral ist, lässt sich Dim Gray leicht mit warmen Akzenten (Sand, Terrakotta, Gold) oder kühlen Akzenten (Teal, Schieferblau, Mint) kombinieren. So kann die Stimmung deutlich verändert werden, während das verlässliche Fundament erhalten bleibt.

Er hilft auch, die Konsistenz zwischen Bildschirm und Druck zu wahren: Dim Gray verringert den “reinen Schwarz”-Kontrastschock und wirkt auf großen Flächen, Hintergründen und typografielastigen Layouts oft edler.

20+ Dim Gray Farbpaletten-Ideen (mit HEX-Codes)

1) Urbaner Nebel

HEX: #696969 #2F343A #BFC5CC #F2F1ED #C7A27C

Stimmung: ruhig, städtisch, gepflegt

Ideal für: Landingpage-UI für ein Tech-Produkt

Leiser Stadtnebel und gebürsteter Beton werden durch einen warmen Sand-Akzent aufgeweicht. Ideal für Dashboards und SaaS-Landingpages, bei denen Klarheit wichtiger ist als Hype. Kombinieren Sie das Taupe-Highlight mit Buttons oder wichtigen Kennzahlen und halten Sie Überschriften im tiefen Anthrazit. Tipp: Reservieren Sie das Beige für eine Hauptaktion, um den Kontrast klar zu halten.

Bildbeispiel für urbanen Nebel 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) Stein und Salbei

HEX: #696969 #3E4247 #A9B7A5 #E7E3DA #7B6D5D

Stimmung: bodenständig, natürlich, wohltuend

Ideal für: Spa-Markenidentität und Verpackung

Bodenständige Steintöne treffen auf einen weichen Salbei, wie ein ruhiges Badehaus-Interieur. Perfekt für Wellness-Branding, Etiketten und minimalistische Verpackungen, wo Vertrauen und Ruhe gefragt sind. Salbei als Hauptakzent auf Siegeln oder Hinweisen, während Grau für Typografie genutzt wird. Tipp: Drucken Sie das helle Creme auf ungestrichenes Papier für einen organischen Eindruck.

Bildbeispiel für Stein und Salbei erstellt mit media.io

3) Museum Minimal

HEX: #696969 #1F2328 #D9D3C7 #FFFFFF #8B7E74

Stimmung: galerie-sauber, edel, stille Eleganz

Ideal für: Editorial Magazin Layout

Galeriewände, ruhige Typografie und kuratierte Stillleben bestimmen die Stimmung. Die Dim Gray Farbpalette eignet sich für Editorials und Lookbooks, die auf Weißraum und elegante Hierarchie setzen. Nutzen Sie das Fast-Schwarz für Überschriften, mit warmem Greige für Zitate, um Seiten nicht zu kühl wirken zu lassen. Tipp: Halten Sie einen Akzent für Bildunterschriften, damit das Layout museumshaft bleibt.

Bildbeispiel für Museum Minimal erstellt mit media.io

4) Kakao Rauch

HEX: #696969 #3B2F2A #8A6F5A #E9DFD3 #171717

Stimmung: stimmungsvoll, gemütlich, intim

Ideal für: Kaffeehaus Menü Design

Rauchige Espressotöne und warmer Kakao schaffen eine gemütliche, spätnächtliche Café-Atmosphäre. Ideal für Menüs und kleine Drucksachen, wo Lesbarkeit wichtig ist. Verwenden Sie den cremefarbenen Hintergrund für Fließtext und das tiefe Braun für Abschnittsüberschriften und Preise. Tipp: Fügen Sie eine subtile Papiertektur hinzu, damit die dunklen Töne nicht flach wirken.

Bildbeispiel für Kakao Rauch erstellt mit media.io

5) Küstenbewölkt

HEX: #696969 #4A6572 #9FB7C3 #F5F7F8 #D2B48C

Stimmung: frisch, luftig, ruhig

Ideal für: Reiseblog Header und Thumbnails

Bewölkte Küstenhimmel wirken luftig statt düster, dank einer klaren eisweißen Basis. Diese Mischung passt für Reise-Header, Thumbnail-Systeme und Karten, die einen ruhigen Farbverlauf benötigen. Das Blau-Grau für Links und kleine UI-Akzente einsetzen, das Beige als sanfte Badge-Farbe. Tipp: Begrenzen Sie gesättigte Blautöne, damit die Palette neblig und entspannt bleibt.

Bildbeispiel für Küstenbewölkt erstellt mit media.io

6) Neonzeichen Dämmerung

HEX: #696969 #1B1D22 #FF4FA3 #6C5CE7 #F3F3F3

Stimmung: energetisch, Nachtleben, moderner Touch

Ideal für: Eventposter für eine elektronische Musiknacht

Dämmerungsenergie des Nachtlebens zeigt sich im auffälligen Pink und Violett auf tiefen, rauchigen Neutraltönen. Diese Dim Gray Kombinationen sind ideal für Eventposter und Social Graphics, wo Kontrast schnell Aufmerksamkeit erregen soll. Die Grautöne bilden die Bühne; Pink eignet sich für Headlines und Violett für sekundäre Details. Tipp: Auf Farbverläufe verzichten, außer Sie können Banding im Druck kontrollieren.

Bildbeispiel für Neonzeichen Dämmerung erstellt mit media.io

7) Leinen Studio

HEX: #696969 #8E8A84 #DCD6CC #FAF7F2 #B58B6A

Stimmung: weich, haptisch, handgemacht

Ideal für: Minimalistisches Produktfotografie-Hintergrundstyling

Weiches Leinen und Tageslicht im Studio geben dieser Palette einen ruhigen, handgemachten Charakter. Perfekt für Produktshootings mit neutralen Untergründen und warmen, natürlichen Akzenttönen. Den warmen Beige-Akzent als Deko (Band, Etikett, kleine Karte) verwenden, während Off-White den Rahmen dominiert. Tipp: Schatten sanft halten, damit die Grautöne wie Stoff und nicht wie Metall wirken.

Bildbeispiel für Leinen Studio erstellt mit media.io

8) Arktischer Stahl

HEX: #696969 #22313F #A7B1B7 #E6EEF3 #00A6A6

Stimmung: klar, technisch, selbstbewusst

Ideal für: Daten-Dashboard UI

Klares Stahlblau und eisige helle Grautöne wirken technisch und verlässlich, mit einem markanten Teal-Akzent. Ideal für Analytik-Dashboards und Finanztechnik-Tools, wo Status und Kennzahlen hervorgehoben werden müssen. Teal als Akzent für Diagramme und Toggles nutzen, das dunkelste Navy für Navigation. Tipp: Kontrast bei kleiner Typografie testen, damit das mittlere Grau nicht unleserlich wird.

Bildbeispiel für Arktischer Stahl erstellt mit media.io

9) Blush Beton

HEX: #696969 #4C4C4C #F2C6C2 #FFF4F3 #B07A7A

Stimmung: weich, modern, zugänglich

Ideal für: Beauty Marken Social Templates

Sanftes Rosa auf Beton wirkt modern, aber einladend – wie ein minimalistisches Studio mit rosigem Schimmer. Es passt wunderbar zu Social-Media-Vorlagen für Beauty, Produkt-Highlights und schlichte Promo-Grafiken. Verwenden Sie Blush für große Flächen und das tiefere Rosé für kleine Tags, damit die Grautöne alles ausbalancieren. Tipp: Halten Sie Hintergründe fast weiß, damit das Pink nicht staubig erscheint.

Beispielbild von Blush-Beton erzeugt mit media.io

10) Forest Slate

HEX: #696969 #2A3A2E #6F8F72 #E3E7E0 #C7B299

Stimmung: naturnah, beständig, bodenständig

Ideal für: umweltfreundliche Markenwebsite

Waldgrün über Schiefergrau erinnert an Wanderwege und Recyclingpapier-Etiketten. Perfekt für nachhaltige Brands, die praktisch wirken wollen, nicht belehrend. Verwenden Sie Tannengrün für Überschriften und Icons, helles Graugrün als Haupt-Hintergrund. Tipp: Setzen Sie warmen Beige-Ton sparsam ein, damit das Grün nicht zu kühl wirkt.

Beispielbild von Forest Slate erzeugt mit media.io

11) Golden Hour Asphalt

HEX: #696969 #2D2D2D #F0B429 #F7E7C6 #8C6A3B

Stimmung: kraftvoll, warm, urban

Ideal für: Startup-Pitchdeck-Folien

Warm goldenes Licht über Asphalt bringt einen selbstbewussten, urbanen Akzent in dieses Set. Ideal für Pitchdecks und Keynote-Folien, bei denen Autorität und Optimismus kombiniert werden sollen. Gelb für Highlights und Kerndaten nutzen, während dunkle Neutralfarben das Raster strukturieren. Tipp: Creme als Hauptfläche einsetzen, damit Gelb nicht zu dominant wird.

Beispielbild von Golden Hour Asphalt erzeugt mit media.io

12) Navy Tailored

HEX: #696969 #0F1B2D #2B3A55 #E9EDF2 #C6A15B

Stimmung: professionell, maßgeschneidert, hochwertig

Ideal für: Kanzlei-Branding

Maßgeschneidertes Marineblau und dezentes Grau wirken wie ein gut sitzender Anzug mit einer polierten Messingnadel. Perfekt für Rechts- und Beratungsmarken, die glaubwürdig, aber nicht altmodisch wirken wollen. Verwenden Sie Messing-Gold für Siegel und Trennlinien, Marineblau für Navigation und Überschriften. Tipp: Gold nicht für Fließtext, nur als Detail nutzen.

Beispielbild von Navy Tailored erzeugt mit media.io

13) Terracotta Loft

HEX: #696969 #3C3532 #C76B4B #F3E6DC #8C8A84

Stimmung: warm, kreativ, bewohnt

Ideal für: Interior-Design-Moodboard

Warmer Terrakotta-Ton im Loft wirkt kreativ und einladend, wie Tontöpfe am großen Fenster. Besonders geeignet für Interieurs, Moodboards und Beiträge zur Wohn-Deko. Kombinieren Sie Terrakotta mit sanftem Creme für Wände und Hintergründe, gedämpfte Grautöne für Möbel-Silhouetten. Tipp: Terrakotta in kleinen Akzenten mehrfach wiederholen, um den Look zu vereinheitlichen.

Beispielbild von Terracotta Loft erzeugt mit media.io

14) Iris and Ink

HEX: #696969 #24243A #6F7BF7 #EDEEFF #B9B0D9

Stimmung: verträumt, modern, leicht futuristisch

Ideal für: Mobile App Onboarding-Screens

Tintenblaue Schatten mit irisfarbenem Licht wirken wie Dämmerung hinter satiniertem Glas – verträumt und ruhig. Diese Palette eignet sich besonders für Onboarding-Flows, wo sanfte Bewegung und klare Schritte gefragt sind. Verwenden Sie Periwinkle für Fortschrittsanzeigen und Interaktionen, Beinahe-Weiß für Inhaltselemente. Tipp: Mittleres Flieder statt reinem Schwarz als weichen Schattenton einsetzen.

Beispielbild von Iris and Ink erzeugt mit media.io

15) Monochrome Workshop

HEX: #696969 #111111 #4D4D4D #CFCFCF #F8F8F8

Stimmung: industriell, fokussiert, sachlich

Ideal für: Portfolio-Website für Fotografen

Industrielles Monochrom erinnert an eine Werkstattwand voller Abzüge und Kontaktbögen. Ideal für Portfolios, bei denen Bilder im Vordergrund stehen sollen und das UI im Hintergrund bleibt. Verwenden Sie das tiefste Schwarz für Navigation, helle Grautöne für Abstände und Trennlinien. Tipp: Hover-Zustände dezent gestalten, damit die Arbeiten im Vordergrund bleiben.

Beispielbild von Monochrome Workshop erzeugt mit media.io

16) Mint Metro

HEX: #696969 #30363B #7FD1B9 #E9FAF5 #F4C95D

Stimmung: frisch, positiv, zeitgemäß

Ideal für: Fintech App Marketing-Banner

Frisches Mint auf Metro-Grau wirkt modern und optimistisch, wie eine saubere Fahrt bei Sonnenlicht. Diese Kombination passt zu Fintech-Bannern und Feature-Highlights, wo Vertrauen und Energie gefragt sind. Mint für Hauptformen, Gelb nur als kleinen Kick für Badges oder Raten nutzen. Tipp: Viel Weißraum für Mint lassen, damit es klar bleibt und nicht aufdringlich wirkt.

Beispielbild von Mint Metro erzeugt mit media.io

17) Rosewood Evening

HEX: #696969 #2B2024 #6E3B3B #EAD7D7 #D1A054

Stimmung: romantisch, dramatisch, elegant

Ideal für: Hochzeitseinladungs-Set

Rosewood und gedämpftes Licht wirken romantisch und dramatisch, wie Samt im Kerzenschein. Geeignet für Einladungssuiten und feines Papeterie-Set mit modernem Touch. Blasses Blush als Hintergrund zu tiefrotem Text, Gold als feine Akzentlinien für Namen oder Rahmen einsetzen. Tipp: Goldakzente nur schmal, damit das Design edel bleibt.

Beispielbild von Rosewood Evening erzeugt mit media.io

18) Clay and Graphite

HEX: #696969 #2E2A28 #B38B6D #EFE7DD #6F5E53

Stimmung: erdig, handgemacht, bodenständig

Ideal für: Keramik-Shop Verpackungsetiketten

Erdiger Ton und Graphit fühlen sich handgemacht an, wie der Töpfer, der morgens eine Schale bearbeitet. Geeignet für Etiketten, Tags und kleine Verpackungen, bei denen Haptik gefragt ist. Ton mit Creme für das Etikett kombinieren und Graphit für klare Typografie wählen. Tipp: Einfache Stempel-Markierung in Mittelbraun verwenden, um den handwerklichen Look zu verstärken.

Beispielbild von Clay and Graphite erzeugt mit media.io

19) Citrus Concrete

HEX: #696969 #333333 #D7E04B #F5F6E8 #A3A7AA

Stimmung: leuchtend, verspielt, modern

Ideal für: Sportartikel-Werbung

Betonene Neutralfarben mit Zitrusknall wirken sportlich und modern, wie frische Sneaker im Studio. Diese dunkle Grau-Kombination ist hervorragend für Produktanzeigen, die kraftvoll, aber nicht neonhaft-chaotisch sein sollen. Birnengelbe Limette als Akzent zu Vorteilen setzen und das blasse Offwhite als Negativfläche lassen. Tipp: Limette in jedem Layout nur als einen Fokuspunkt, für maximale Wirkung.

Beispielbild von Citrus Concrete erzeugt mit media.io

20) Winter Botanical

HEX: #696969 #46505A #8AA0A6 #F1F4F6 #B7A18B

Stimmung: kühl, zart, luftig

Ideal für: Aquarell-Botanik-Illustrationsset

Kühle Winter-Botanicals wirken zart, wie Blätter, die im Tagebuch liegen. Diese dunkle Grau-Palette passt für Illustrationssets und Papeterie, die Weichheit, aber auch Struktur brauchen. Blau-Grau für Stiele und Schatten wählen, die hellsten Töne als Papierwaschung nehmen. Tipp: Beige als dezente Samenkapseln einstreuen, um die Komposition zu wärmen.

Beispielbild von Winter Botanical erzeugt mit media.io

21) Copper Circuit

HEX: #696969 #202225 #B87333 #E6E6E6 #4B6E77

Stimmung: industriell, high-tech, hochwertig

Ideal für: Hardware-Produktverpackung

Kupfer auf dunklem Graphit wirkt wie Leiterbahnen unter der Schreibtischlampe – industriell, aber exklusiv. Geeignet für Hardwareverpackungen und Tabellen, wenn Technik und Wärme gefragt sind. Kupfer für kleine Linien und Icons einsetzen, helles Grau für gut lesbare Flächen. Tipp: Gedämpftes Türkis mehrfach als sekundäre Etikettenfarbe für Varianten nutzen.

Beispielbild von Copper Circuit erzeugt mit media.io

Welche Farben passen zu Dim Gray?

Gedämpftes Grau harmoniert wunderbar mit warmen Neutraltönen wie Sand, Taupe, Creme und Terrakotta, wenn eine einladende und menschliche Wirkung erwünscht ist. Diese Akzente verhindern, dass das Farbschema kalt oder zu industriell wirkt.

Für einen klaren, modernen Look kombinieren Sie gedecktes Grau mit kühlen Tönen wie Türkis, Schieferblau, Mint oder eisigem Offwhite. Diese Variante ist besonders effektiv für Dashboards, SaaS und redaktionelle Layouts, bei denen Klarheit zählt.

Wenn Energie gefragt ist, ergänzen Sie einen hellen "Signal"-Farbton (Neonpink, Limette, Goldgelb) und halten Sie den Rest zurückhaltend. Entscheidend ist Zurückhaltung: ein lauter Akzent vor kontrolliertem Grau sieht hochwertig, nicht chaotisch aus.

Wie man eine Dim Gray Farbpalette in echten Designs nutzt

Beginnen Sie mit Rollenzuweisung: Gedämpftes Grau für Fließtext oder UI-Struktur, Beinahe-Schwarz für Überschriften und Hellgrau oder Offwhite für Hauptflächen. Die Akzentfarbe bleibt primären Aktionen, Highlights und Kerndaten vorbehalten.

Achten Sie besonders auf Kontraste, wenn gedecktes Grau auf Mittelgrau trifft. Für Lesbarkeit entweder den Text etwas dunkler wählen oder die Fläche dahinter aufhellen. Kleine Schrift auf mehreren Displays testen.

Für Markenauftritte und Print sind Struktur und Papierwahl wichtig: Naturpapiere, feine Körnung und matte Oberflächen vermitteln Taktik und Wertigkeit bei gedecktem Grau. Akzentfarben an allen Berührungspunkten konsequent einsetzen, damit das System einheitlich bleibt.

Erstellen Sie Dim Gray Paletten-Visuals mit KI

Sie wollen sehen, wie eine Farbkombi mit gedecktem Grau auf einer Landingpage, einem Poster, einem Verpackungs-Mockup oder Moodboard wirkt? Erzeugen Sie schnelle Konzeptvisualisierungen aus einem Textprompt und verfeinern Sie, bis Kontrast und Stimmung stimmen.

Beschreiben Sie das Format (UI, Print, Produktfoto), Beleuchtung und Materialien und fügen Sie wichtige Farbhinweise ein (dominantes Grau, Akzentfarbe, Grundton des Hintergrunds). So lassen sich Ideen einfacher prüfen, bevor Sie finale Designs umsetzen.

Weiter: Birnen-Farbpalette