Die 20 besten Grau-Farbpaletten mit Hex-Codes – Inspirationen & Beispiele

Graue Farbpaletten sind die erste Wahl, wenn Designs ruhig, modern und gut lesbar wirken sollen. Von sanften, nebligen Hintergründen bis zu dramatischen Kohle-Kontrasten – Grau funktioniert in Benutzeroberflächen, Innenräumen und im Branding gleichermaßen.

Im Folgenden finden Sie 20 sorgfältig zusammengestellte Ideen für graue Farbschemata mit HEX-Codes, Stimmungsbeschreibungen, besten Einsatzmöglichkeiten und KI-generierten visuellen Beispielen, die Sie in wenigen Minuten nachgestalten können.

Warum funktionieren graue Paletten so gut?

Grau ist ein neutraler Ton, der Klarheit von Natur aus unterstützt. Es reduziert visuelles Rauschen, lässt Typografie und Layout-Struktur hervortreten und erleichtert es, eine Hierarchie mit nur wenigen Abstufungen von hell zu dunkel zu etablieren.

Da Grau sowohl warm (Taupe, Kiesel, Espresso) als auch kühl (Schiefer, Stahl, Blau-Silber) wirken kann, passt es sich nahezu jeder Markenpersönlichkeit an. Sie können es leise und minimalistisch halten – oder es mit fast schwarzen Kohletönen kinoreif gestalten.

Grau lässt sich zudem mühelos mit Akzentfarben kombinieren. Ein einzelner Akzent in Türkis, Kupfer, Blush oder Oliv kann Ihr Markenzeichen werden, während die Neutralen das Gesamtsystem zusammenhalten.

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

1) Nebliger Beton

HEX: #F2F4F6 #D9DEE3 #B6BEC8 #7B8794 #2F3640

Stimmung: luftig, modern, ruhig

Am besten geeignet für: minimalistische Dashboard-UIs und SaaS-Websites

Luftige, nebelähnliche Neutraltöne erinnern an polierten Beton, sanftes Tageslicht und ordentliche Arbeitsumgebungen. Diese Töne funktionieren wunderbar für Dashboards, bei denen Lesbarkeit zählt und visuelles Rauschen gering bleiben soll. Kombinieren Sie das dunkle Schiefer mit feinen Trennlinien und lassen Sie das nahezu Weiße für großzügige Layouts dominieren. Tipp: Reservieren Sie den dunkelsten Farbton für Überschriften und wichtige Icons, damit der Kontrast klar, aber nicht hart wirkt.

Bildbeispiel von nebliger Beton, erstellt mit media.io

Media.io

Media.io ist ein Online-AI-Studio zur Erstellung und Bearbeitung von Videos, Bildern und Audios direkt im Browser.

Jetzt gratis ausprobieren

2) Graphit Denim

HEX: #E7EAEE #C6CBD3 #8B94A3 #3C4658 #1E2430

Stimmung: schlank, technisch, selbstbewusst

Am besten geeignet für: App-UIs, Fintech-Branding, Präsentationen

Elegante Graphittöne mit Jeansblau wirken smart, strukturiert und leise selbstsicher. Die mittleren Grautöne sind kräftig genug für Diagramme und Tabellen, während die dunkleren Töne Titeln einen hochwertigen Akzent verleihen. Kombinieren Sie sie mit einfachen Linienicons und viel Weißraum für ein modernes Produktgefühl. Tipp: Belassen Sie die Hintergründe in den zwei hellsten Tönen, um einen schweren, wolkenverhangenen Bildschirm zu vermeiden.

Bildbeispiel von Graphit Denim, erstellt mit media.io

3) Warmer Kiesel

HEX: #FAF7F3 #E2D7CF #B8AAA0 #7E6F66 #3B3531

Stimmung: gemütlich, geerdet, organisch

Am besten geeignet für: Wohnzimmer, Cafés, Lifestyle-Marken

Gemütliche Kiesel-Neutralen erinnern an Flusssteine, Wolldecken und sonnengewärmten Ton. Die warmen Untertöne sorgen für einladende Räume, speziell in holzbetonten Interieurs. Kombinieren Sie sie mit natürlichen Texturen wie Leinen, Eiche und matten Keramiken für ein taktiles Gefühl. Tipp: Verwenden Sie das tiefste Braun-Grau sparsam als Akzent bei Rahmen oder Beschlägen, damit die Palette weich bleibt.

Bildbeispiel von warmer Kiesel, erstellt mit media.io

4) Silberleinwand

HEX: #FFFFFF #E5E7EB #C7CCD4 #9AA3AF #111827

Stimmung: sauber, redaktionell, kontrastreich

Am besten geeignet für: Magazin-Layouts, Portfolios, typografieorientierte Seiten

Saubere Silber-Neutraltöne mit tintigem Kontrast erinnern an frisches Papier und scharze, schwarze Schrift. Diese graue Palette eignet sich ideal, wenn Fotografie und Überschriften im Vordergrund stehen sollen. Kombinieren Sie sie mit markanten serifenlosen Schriften und großzügigen Rändern für einen erstklassigen redaktionellen Rhythmus. Tipp: Verwenden Sie den fast schwarzen Ton für Fließtext und reservieren Sie mittlere Grautöne für Bildunterschriften und UI-Labels.

Bildbeispiel von Silberleinwand, erstellt mit media.io

5) Kohle-Espresso

HEX: #F4F1EE #D7D0C8 #A79B90 #4A3F39 #1F1B18

Stimmung: reich, intim, anspruchsvoll

Am besten geeignet für: Kaffee-Verpackungen, Boutique-Menükarten, Premium-Labels

Reiche Kohle-Brauntöne erinnern an Espresso-Crema, Leder und abendliche Kerzenschein-Atmosphäre. Der Kontrast wirkt luxuriös, ohne ins harte Schwarz-Weiß abzudriften. Kombinieren Sie sie mit cremeweißem Papier und subtiler Prägung für einen taktilen Premium-Look. Tipp: Lassen Sie den cremigen obersten Ton dominieren, damit die dunkleren als Akzent fungieren und nicht als schwere Decke.

Bildbeispiel von Kohle-Espresso, erstellt mit media.io

6) Stadtnebel

HEX: #F6F7F8 #E1E4E8 #B4BBC5 #6A7484 #2A2F38

Stimmung: stimmungsvoll, urban, zurückhaltend

Am besten geeignet für: Architekturportfolios und Unternehmenspräsentationen

Stimmungsvolle urbane Grautöne erinnern an neblige Skylines, Stahlträger und nasse Gehwege. Die Mitteltöne verleihen Layouts Struktur, während das tiefste Kohle die Titel und Hinweise verankert. Kombinieren Sie sie mit monochromer Fotografie und feinen Gitterlinien, um Form und Abstand zu betonen. Tipp: Nutzen Sie den blaugräulichen Mittelfarbton für sekundäre Buttons, damit Aktionen auffallen, ohne laut zu sein.

Bildbeispiel von Stadtnebel, erstellt mit media.io

7) Gefrorenes Flieder

HEX: #F7F5FA #DED7E8 #B7AACB #6F6488 #2E2A3B

Stimmung: weich, verträumt, modern-romantisch

Am besten geeignet für: Beauty-Branding, Wellness-Posts, sanfte UI-Themen

Weiche, fliedergraue Töne erinnern an gefrostetes Glas, Lavendelschleier und entspannte Selfcare-Momente. Die violette Note bringt Persönlichkeit, bleibt aber dezent für klare Layouts. Kombinieren Sie sie mit minimalistischer Liniengrafik und viel Weißraum für Leichtigkeit. Tipp: Verwenden Sie das tiefe Pflaumengrau nur für kleine Highlights wie Icons und Abschnittstrennlinien, nicht für ganze Hintergründe.

Bildbeispiel von gefrorenes Flieder, erstellt mit media.io

8) Beton und Kupfer

HEX: #F3F4F5 #D0D4D9 #8A9099 #3E434A #B87333

Stimmung: industriell, warm, designorientiert

Am besten geeignet für: Produktanzeigen, Hardware-Brands, moderne Küchen

Industrielle Betontöne mit Kupferakzent erinnern an Loft-Beleuchtung und gebürstete Metalldetails. Diese grauen Farbkombinationen eignen sich für Produktanzeigen, bei denen Sie eine neutrale Bühne mit einem selbstbewussten Akzent verbinden wollen. Kombinieren Sie Kupfer mit dem dunkelsten Kohle für einen hochwertigen Kontrast, und halten Sie den Hintergrund in den zwei blassesten Grautönen. Tipp: Wählen Sie Kupfer nur für ein zentrales Element pro Layout, wie ein Button oder Produkt-Badge, um visuelle Unruhe zu verhindern.

Bildbeispiel von Beton und Kupfer, erstellt mit media.io

9) Schiefer und Seegrün

HEX: #F2F5F6 #CAD2D7 #8A9AA5 #2F3C46 #7FB7B3

Stimmung: frisch, küstennah, ausgewogen

Am besten geeignet für: Gesundheitsapps, Spa-Flyer, Reise-Branding

Frische Schiefergrautöne mit Seegrün-Akzent erinnern an Meeresluft und moderne, klare Wellness-Bereiche. Der Türkis-Ton sorgt für Energie, während die Neutralen für Ruhe und gute Lesbarkeit sorgen. Kombinieren Sie sie mit abgerundeten UI-Elementen oder luftigen Plakaten für einen freundlichen, zeitgenössischen Look. Tipp: Lassen Sie Seegrün als einzelne Aktionsfarbe für Links und primäre Buttons stehen.

Beispielbild von Schiefer und Seegrün, generiert mit media.io

10) Minimal Mono

HEX: #FAFAFA #E0E0E0 #B0B0B0 #707070 #101010

Stimmung: minimal, zeitlos, prägnant

Am besten geeignet für: Logos, Typografie-Poster, UI Dark Mode Akzente

Minimal Monochrom wirkt wie Galeriewände, klarer Druck und perfekt ausgerichtete Schrift. Die Abstufungen zwischen den Tönen sind sauber, was Hierarchien im Digital- und Drucklayout einfach macht. Am besten kombinieren Sie eine einzelne geometrische Schriftfamilie und gleichmäßige Abstände für ein raffiniertes, modernes System. Anwendungstipp: Verwenden Sie den dunkelsten Ton nur für Schlüsselelemente, damit das Design leicht und luftig bleibt.

Beispielbild von Minimal Mono, generiert mit media.io

11) Stürmischer Hafen

HEX: #F0F3F5 #C5CFD8 #7C8A96 #2D3A45 #0B1218

Stimmung: dramatisch, maritim, seriös

Am besten geeignet für: Dokumentencover, Consulting-Präsentationen, Hero-Banner

Stürmische, maritime Grautöne erinnern an tiefe Gewässer, schwere Wolken und Schiffe in der Dämmerung. Die kühle Farbpalette wirkt professionell und standfest – ideal für Inhalte, die Autorität brauchen. Kombinieren Sie einfache Icons und stark linksbündige Typografie für Klarheit. Anwendungstipp: Verwenden Sie das fast-schwarze Grau für Titel und halten Sie große Flächen in helleren Tönen, um einen düsteren Farbeindruck zu vermeiden.

Beispielbild von Stürmischer Hafen, generiert mit media.io

12) Staubiger Rosen-Asch

HEX: #F7F2F3 #E1D4D6 #B5A0A4 #6C545A #2A2023

Stimmung: weich, vintage, intim

Am besten geeignet für: Hochzeitseinladungen, Kerzenetiketten, Lifestyle-Posts

Sanfte rosige Aschtöne erinnern an getrocknete Blütenblätter, Rouge-Stoff und Vintage-Papeterie. Diese Graukombinationen sind ideal, wenn Sie Romantik ohne Süße oder Helligkeit möchten. Verbinden Sie serifenbetonte Typografie und zarten Papierstruktur für einen handgefertigten, eleganten Stil. Anwendungstipp: Halten Sie das dunkelste Wein-Grau für Details wie Monogramme, Ränder oder Fußnotentext vor.

Beispielbild von Staubiger Rosen-Asch, generiert mit media.io

13) Olivenschatten

HEX: #F4F5F2 #D5D7CF #9AA091 #4C5346 #1E241B

Stimmung: erdig, gedeckt, naturverbunden

Am besten geeignet für: Outdoor-Marken, Ökoverpackungen, Naturblogs

Gedeckte, Oliv-anmutende Grautöne erinnern an Waldschatten, bemooste Steine und wetterfestes Leinen. Die Palette wirkt bodenständig und nachhaltig – eine gute Wahl für ökologisches Branding. Kombinieren Sie Kraftpapierstrukturen, Recyclingpapier und einfache Stempel-Grafiken für einen authentischen Look. Anwendungstipp: Nutzen Sie das fast schwarz-grüne Grau für Typografie, damit die hellen Töne weich und natürlich bleiben.

Beispielbild von Olivenschatten, generiert mit media.io

14) Sandsteingrau

HEX: #FBF8F2 #E5DDCF #C2B7A6 #8A7D6D #3E352E

Stimmung: sonnig, natürlich, entspannt

Am besten geeignet für: Innenräume, Hotel-Branding, Reisebroschüren

Sonnendurchflutete Sandstein-Neutraltöne erinnern an Wüstentracks, sanfte Schatten und warme Putzwände. Die cremigen Highlights sorgen für Helligkeit, während die dunklen Taupe Töne Tiefe und Struktur bringen. Kombinieren Sie natürliche Fotografie, Rattangeflecht und warmes Licht für entspannte, gehobene Stimmung. Anwendungstipp: Verwenden Sie den Mittelton als hauptsächlichen UI- oder Druckhintergrund, um Blendung zu vermeiden und trotzdem hell zu bleiben.

Beispielbild von Sandsteingrau, generiert mit media.io

15) Neon Sign Noir

HEX: #F1F2F4 #B8BDC7 #5F6675 #1A1D25 #00A6A6

Stimmung: Nachtleben, gewagt, filmisch

Am besten geeignet für: Musikposter, Tech-Launches, Streamer-Branding

Filmisch dunkle Grautöne mit einem Neon-Türkis-Akzent erinnern an Stadtnächte, glänzende Beschilderung und After-Hour-Energie. Die Palette unterstützt dramatische Kontraste ohne reines Schwarz. Kombinieren Sie übergroße Typografie und simple geometrische Formen für ein zielorientiertes Neon-Erlebnis. Anwendungstipp: Reservieren Sie Türkis für ein einziges Highlight-Element wie Datum, CTA oder Unterstreichung.

Beispielbild von Neon Sign Noir, generiert mit media.io

16) Vintage Zeitungspapier

HEX: #FDF9F0 #E7E0D5 #B9B0A4 #6A6258 #2E2A25

Stimmung: traditionell, gemütlich, redaktionell

Am besten geeignet für: Buchumschläge, Journale, Café-Menüs

Traditionelle Neutraltöne rufen gealtertes Papier, Tintenwaschungen und geliebte Buchseiten wach. Die warmen Grautöne mildern den Kontrast – lange Texte werden so angenehm und klassisch. Kombinieren Sie Serifenschriften, dezente Linien und elfenbeinfarbene Hintergründe für einen zeitlosen Editorial-Look. Anwendungstipp: Textur sparsam einsetzen und großzügige Abstände halten, damit das Layout vintage wirkt, nicht überladen.

Beispielbild von Vintage Zeitungspapier, generiert mit media.io

17) Alpiner Granit

HEX: #EFF2F1 #C6CFCC #8B9A95 #45524E #1E2623

Stimmung: kühl, naturverbunden, edel

Am besten geeignet für: Wander-Marken, Outdoor-Bekleidung, minimalistisches Packaging

Kühle Granitgrautöne erinnern an alpine Morgen, Steinpfade und frische Tannenluft. Die grünstichigen Neutraltöne wirken frisch, ohne auffallende Farbe zu haben. Kombinieren Sie schlichte serifenlose Schriften und simple Liniengrafiken für einen modernen Outdoor-Look. Anwendungstipp: Lassen Sie Hintergründe hell und nutzen Sie den dunkelsten Ton für Badges, Größenauszeichnung oder Labels.

Beispielbild von Alpiner Granit, generiert mit media.io

18) Cyber Silber

HEX: #F7FAFC #D6DEE8 #A1AFBF #4A5B70 #0F172A

Stimmung: futuristisch, klar, professionell

Am besten geeignet für: B2B-Landingpages, Datentools, Pitchdecks

Klare Blau-Silber-Töne wirken futuristisch wie poliertes Aluminium und saubere Interfaces. Die Palette bietet natürliche Tiefe für Karten, Navigation und datenreiche Bereiche. Kombinieren Sie dezente Verläufe und dünne Linien für Struktur und Hierarchie. Anwendungstipp: Nutzen Sie den mittleren Stahlton für inaktive UI-Zustände, sodass der dunkelste Ton Schlüsselaktionen hervorheben kann.

Beispielbild von Cyber Silber, generiert mit media.io

19) Schokoladenmarmor

HEX: #F6F2EC #D8CDBF #A28F7A #5A4635 #241B14

Stimmung: luxuriös, warm, handwerklich

Am besten geeignet für: Schokoladenverpackungen, Gourmet-Anzeigen, Boutique-Branding

Warme marmorartige Neutraltöne erinnern an Kakaostaub, Steinarbeitsplatten und handwerkliches Können. Der Verlauf von Creme zu tiefem Schokobraun wirkt hochwertig und edel im Druck. Kombinieren Sie goldene Akzente oder eine einfache Folienprägung für einen High-End-Look. Anwendungstipp: Halten Sie das dunkelste Braun für kleine Typografie und Logos, damit der Look reich, aber nicht schwer wirkt.

Beispielbild von Schokoladenmarmor, generiert mit media.io

20) Mitternachtsbeton

HEX: #E9EDF2 #B9C1CC #6B7482 #2A2F37 #0B0D10

Stimmung: gewagt, architektonisch, dramatisch

Am besten geeignet für: Studio-Branding, Poster-Serien, dunkle UI-Themes

Kühne Mitternachtsgrautöne wirken wie Beton in der Dämmerung, scharfe Silhouetten und moderne Architektur. Diese Palette eignet sich, wenn Sie Dramatik möchten, aber das Design neutral und flexibel bleiben soll. Kombinieren Sie übergroße Typografie und minimale Formen für auffällige Poster oder Hero-Sektionen. Anwendungstipp: Verwenden Sie den hellsten Ton für Freiräume um Text, damit der dunkle Hintergrund nie beengt wirkt.

Beispielbild von Mitternachtsbeton, generiert mit media.io

Welche Farben passen gut zu Grau?

Grau harmoniert sowohl mit warmen als auch mit kühlen Akzenten, da es nicht um Aufmerksamkeit konkurriert. Für einen klaren, modernen Look probieren Sie Türkis, Seegrün, Kobalt oder Eisblau zu Schiefer- und Silbergraus.

Wenn Sie Wärme und Gemütlichkeit möchten, wählen Sie Kupfer, Terrakotta, Blush, Kamel oder Creme – besonders zu Kiesel-, Taupe- oder Espresso-Grautönen. Diese Kombinationen wirken einladend und bleiben trotzdem neutral.

Für starken Kontrast nutzen Sie nahezu schwarzes Kohlegrau mit leuchtendem Weiß und ergänzen eine Akzentfarbe (wie Neon-Türkis) für Buttons, Badges oder Schlüsseldetails.

Wie verwendet man eine graue Farbpalette in echten Designs?

Weisen Sie jedem Grau eine Rolle zu: das Hellste für Hintergründe, mittlere Töne für Karten und Ränder, das Dunkelste für Überschriften und Haupttext. So bleibt die Oberfläche lesbar und konsistent auf allen Seiten.

Im Interieur und Branding funktioniert Grau am besten mit mehr Struktur: matte Keramik, Leinen, gebürstetes Metall, Papierstruktur oder Beton. Textur verhindert, dass neutrale Farbschemata flach oder zu „kalt“ wirken.

Beschränken Sie Ihre Akzentfarbe bewusst. Ein Akzent (Kupfer, Seegrün, Flieder oder Türkis), konsequent eingesetzt für CTAs und Schlüsseldetails, sorgt für ein professionelles System ohne visuelles Durcheinander.

Erstellen Sie visuelle graue Paletten mit KI

Haben Sie HEX-Codes, aber benötigen schnelle Mockups, können Sie mit KI abgestimmte Visuals generieren – Plakate, Landingpages, Verpackungskonzepte und mehr – ohne ganz von vorn zu beginnen.

Nutzen Sie Ihren Palettennamen und Stimmungs-Schlagworte (z. B. „Urbaner Nebel“ oder „warmer Kiesel“), und geben Sie den Design-Typ (Dashboard, Einladung, Broschüre) für genauere Ergebnisse an. Halten Sie die Prompts klar und nennen Sie Ihre Akzentfarbe, falls vorhanden.

Wenn Ihnen das Ergebnis gefällt, variieren Sie Beleuchtung, Textur und Komposition, aber behalten Sie die fünf Hauptfarben für Konsistenz.

Weiter: Grün-Pfirsich-Farbpalette