20 moderne Farbpaletten in Grau und Weiß – inspirierende Kombinationen

Eine grau-weiße Farbpalette ist der schnellste Weg, um designs sauber, modern und absichtlich zu machen. Es gibt Ihnen Kontrast, Hierarchie und Atemraum, ohne mit Ihrem Inhalt zu kämpfen.

Im Folgenden finden Sie 20 Grau-und Weißpalettenkombinationen (mit Hex-Codes), die Sie für Benutzeroberfläche, branding, Druck und Interieur verwenden können – sowie Beispiele für Aufforderungen, die Sie mit Media.io neu erstellen können.

Warum grau-weiße Paletten So gut funktionieren

Grau-Weiß-Farbkombinationen sind von Natur aus flexibel: Sie können warm (cremiges Weiß + taupes Grau) oder kühl (blau neigendes Grau + knackiges Weiß) aussehen und gleichzeitig minimal und lesbar bleiben.

Sie schaffen zudem eine zuverlässige Hierarchie. Mit nur wenigen Schritten von Weiß zu Holzkohle können Sie Abschnitte trennen, Tiefe in Karten aufbauen und die Aufmerksamkeit auf Tasten oder Schlagzeilen lenken, ohne visuelles Rauschen hinzuzufügen.

Am wichtigsten ist, dass neutrale Töne Ihren Inhalt zum Helden machen – Fotos, Produkte, Typographie und Datenvisualisierungen neigen dazu, erstklassiger auszusehen, wenn die palette nicht um Aufmerksamkeit konkurriert.

20+ Grau Weiß Farbpalette Ideen (mit HEX Codes)

1) Mattierter Beton

Sechskant:#f6f6f4#e3e4e6#c7c9cc#8e9096#2f3033

Stimmung:cool, geerdet, architektonisch

Am besten für:Industrie-Loft-Interieur

Kühl und architektonisch fühlen sich diese Töne wie polierter Beton im Winterlicht an. Sie funktionieren wunderschön auf großen Oberflächen wie Wänden, Schränken und Einbauten, wo subtile Kontraste wichtig sind. Kombinieren Sie es mit mattschwarzer hardware, gebürstetem Stahl oder warmer Eiche, damit es sich nicht steril anfühlt. Gebrauchstipp: Legen Sie die dunkelste Holzkohle auf Verkleidung oder Fensterrahmen, um den Raum zu schärfen, ohne ihn zu überwältigen.

Bildbeispiel von Mattbeton 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) Winterwäsche

Sechskant:#fbfaf7#f0ee8#d9d6cf#b0aea7#4a4946

Stimmung:warm, ruhig, intim

Am besten für:Hochzeitseinladungen

Warm und beruhigend, es liest sich wie Leinenstoff, Vellum-Papier und weiches Kerzenlicht. Die cremigen Weiße halten die Typographie elegant, während das tiefere Grau gerade genug Struktur für Namen und Datum hinzufügt. Kombinieren Sie es mit Goldfolie, Blush-Akzenten oder gepressten Blumen-Illustrationen für ein romantisches finish. Verwendungstipp: Halten Sie den Hintergrund unweiß und reservieren Sie den dunkelsten Ton für Überschriften, um die Druckklarheit zu erhalten.

Bildbeispiel von Winterwäsche erzeugt mit media.io

3) Graphitnebel

Sechskant:#ffffff#e7e8ea#bfc2c7#6b6f77#1f2228

Stimmung:Elegant, modern, konzentriert

Am besten für:Benutzeroberfläche der app im Dunkelmodus

Elegant und fokussiert fühlt sich die Reihe an wie Nebel, der über Graphit rollt, mit scharfen highlights, die die Dinge lesbar halten. Es eignet sich für Schnittstellen im Dunklen-Modus, bei denen die Hierarchie von subtilen Schritten und nicht von lauten Farben abhängt. Kombinieren Sie mit einem elektrischen Akzent wie cyan oder lime für aktive Zustände und Benachrichtigungen. Verwendungstipp: Verwenden Sie die nahezu schwarze Farbe für die Hauptleinwand und die mittlere Grau für die Karten, um einen schlammigen Kontrast zu vermeiden.

Bildbeispiel von Graphitnebel erzeugt mit media.io

4) Galeriewände

Sechskant:#f8f8f8#ededed#cfcfcf#9a9a9a#2a2a2a

Stimmung:Sauber, kuratiert, minimalistisch

Am besten für:Kunstgalerie branding

Sauber und kuratiert, es erinnert an weiße Wände, weiche Spurbeleuchtung und ruhigen negativen Raum um Kunstwerke. Diese grau-weiße Farbpalette ist ideal für Marken, die den Inhalt brauchen, um zu führen und sich dennoch hochwertig zu fühlen. Kombinieren Sie sie mit einer einzigen fett gefärbten Signaturfarbe für Ausstellungs-Highlights oder Event-Tags. Benutzungstipp: Halten Sie logos in Holzkohle und lassen Sie hellgraue Hintergründe handhaben, damit Drucke scharf bleiben.

Bildbeispiel von Galeriewänden, die mit media.io erzeugt wurden

5) Stahl & Schnee

Sechskant:#fafbfd#dfe6ee#b9c3cf#6c7a89#22272e

Stimmung:Krisp, tech-forward, luftig

Am besten für:Zielseiten für technische Produkte

Diese kühlen Grauen fühlen sich scharf und technologisch hochentwickelt an wie Schneeglänze gegen gebürsteten Stahl. Die Töne schaffen Tiefe für Abschnitte und Karten ohne schwere Ränder, was perfekt für moderne Web-Layouts geeignet ist. Grauweiße Farbkombinationen wie diese passen gut zu Kobalt-, Teal-oder Neongrünen CTAs für sofortige Fokussierung. Benutzungstipp: Verwenden Sie den hellsten Farbton für den Heldenraum und bringen Sie den Schiefergrau für die navigation ein, um die Seite zu verankern.

Bildbeispiel von Stahl & Schnee erzeugt mit media.io

6) Perlkohle

Sechskant:#f5f3f4#e0dde0#b8b2b9#7a747d#2b262e

Stimmung:Weich, luxuriös, raffiniert

Am besten für:Schönheitsverpackung

Weich und luxuriös liest sich die palette wie Perlenpulver und rauchige Holzkohle in einem Waschtischspiegel. Es eignet sich gut für Kosmetika, in denen subtile Kontraste Qualität und Zurückhaltung signalisieren. Kombinieren Sie es mit rosa-goldfarbener Folie, glänzenden schwarzen Kappen oder einem gedämpften mauve Akzent für ein modernes Boutique-Feeling. Verwendungstipp: Halten Sie die Kopie im dunkelsten Farbton und verwenden Sie die Mitteltöne für sekundäre Paneele, damit die Etiketten unter Blendung lesbar bleiben.

Bildbeispiel von Perlkohle erzeugt mit media.io

7) Nebelhafen

Sechskant:#f2f5f4#d6dcda#aeb8b5#6a7774#2d3534

Stimmung:neblig, küstlich, entspannt

Am besten für:Lobbys des Küstenhotels

Nebelig und entspannt erinnert es an Meeresnebel, Treibholz und Schieferstein in der Nähe der Küste. Die grün-grauen Noten verhindern, dass sich die neutralen Farben flach anfühlen, besonders in offenen öffentlichen Räumen. Kombinieren Sie es mit Sandbeige, verwittertem Holz und warmem Messing für eine einladende Küstenatmosphäre. Verwendungstipp: Verwenden Sie den dunkelsten Ton in wayfinding signage, damit er gegen blasse Wände lesbar bleibt.

Bild Beispiel von foggy harbor generiert mit media.io

8) Einfarbiges Studio

Sechskant:#fcfcfc#f1f1f1#d5d5d5#7d7d7d#1a1a1a

Stimmung:Scharf, redaktionell, zeitlos

Am besten für:Portfolio-Websites

Scharf und zeitlos, fühlt es sich wie ein helles studio mit schwarzen Flaggen und sauberen Papierhintergründen an. Die starken Endpunkte lassen Typographie und Bilder bewusst wirken, auch mit minimalem styling. Kombinieren Sie es mit einer Akzentfarbe für Hover-Zustände und Projekttags, halten Sie es jedoch zurückhaltend. Verwendungstipp: Setzen Sie den Körpertext in tiefgrau statt in rein schwarz, um die Blendung auf weißen Abschnitten zu reduzieren.

Bildbeispiel von monochrome studio generiert mit media.io

9) Weicher Schiefer

Sechskant:#f7f8fa#e1e4ea#c2c7d0#7b8391#343a44

Stimmung:Professionell, ruhig, zuverlässig

Am besten für:Unternehmensberichte

Professionell und ruhig, diese blau neigenden Grauen deuten auf polierte Dias, ordentliche Tische und vertrauenswürdige Daten hin. Sie eignen sich hervorragend für Berichte, in denen Diagramme ohne harte Linien getrennt werden müssen. Kombinieren Sie es mit einem zurückhaltenden Akzent wie Marine oder Smaragd für wichtige Metriken und callouts. Verwendungstipp: Verwenden Sie den blassten Farbton für Seitenhintergründe und reservieren Sie den Schiefer für Überschriften, damit lange Dokumente leicht gescannt werden können.

Beispielfoto eines weichen Schiefers, erstellt mit media.io

10) Marmor-Buchhaltung

Sechskant: #f9f9f9 #e8e7e5 #c9c6c0 #9a968f #3a3936

Stimmung: elegant, ruhig, raffiniert

Am besten für: luxuriöses Badezimmerdesign

Elegant und ruhig erinnert es an Marmorierung, Kalksteinfliesen und sanfte Hotelleuchten. Die warmen Grautöne verleihen dem Raum eher einen Spa-Charakter als einen klinischen Eindruck. Kombinieren Sie es für einen entspannten Luxus-Look mit Champagner-Metallakzenten, cremefarbenen Handtüchern und hellem Holz. Anwendungstipp: Die mittlere Graunuance in Fugen oder Steindetails wiederholen, damit der gesamte Raum stimmig wirkt.

Beispielfoto einer Marmor-Buchhaltung, erstellt mit media.io

11) Wolken-Büro

Sechskant: #ffffff #f2f4f7 #d6dbe3 #9aa3b2 #2e3440

Stimmung: klar, luftig, produktiv

Am besten für: SaaS-Dashboards

Klar und luftig, es fühlt sich an wie Tageslicht durch große Fenster in einem ruhigen Büro. Diese grau-weiße Farbkombination ist für Dashboards konzipiert, die ruhige Flächen und eine unmissverständliche Hierarchie benötigen. Kombinieren Sie für Primär-Buttons mit einer einzelnen Markenfarbe und nutzen Sie für Anzeigestatus und Warnungen dezente Farbabstufungen. Anwendungstipp: Rasterlinien extrem zart halten und für die Struktur auf Abstände sowie das mittlere Grau setzen.

Beispielfoto eines Wolken-Büros, erstellt mit media.io

12) Ruhiges Loft

Sechskant: #f4f4f2 #deddd9 #b9b6af #86827a #3c3a35

Stimmung: gemütlich, modern, bewohnt

Am besten für: moderne Wohnungsinszenierung

Gemütlich und bewohnt, diese warmen Neutraltöne erinnern an Wollplaids, Naturpapier und sanfte Schatten. Sie sind ideal zum Inszenieren, da sie Holzböden schmeicheln und Räume fotogen machen. Kombinieren Sie sie mit Terrakotta-Keramiken, Olivenpflanzen und strukturierten Textilien für zusätzliche Wärme. Anwendungstipp: Die dunkelste Nuance nur sparsam in Rahmen und Beleuchtung einsetzen, damit der Raum hell bleibt.

Beispielfoto eines ruhigen Lofts, erstellt mit media.io

13) Schneehauben-Branding

Sechskant: #ffffff #f5f5f5 #dadada #a3a3a3 #2c2c2c

Stimmung: sauber, selbstbewusst, vielseitig

Am besten für: Start-up-Logos und Pitch-Decks

Sauber und selbstbewusst – sieht aus wie frisches Papier mit scharfem Druck und moderner Typografie. Der Kontrast ist stark genug für Logos, Icons und Diagramme, ohne zu hart zu wirken. Eine solche Grau-Weiß-Kombination passt gut zu einem kräftigen Markenakzent wie Kobalt, Koralle oder Limette. Anwendungstipp: Folien größtenteils hell halten und das Anthrazit nur für Überschriften und wichtige Zahlen verwenden.

Beispielfoto eines Schneehauben-Brandings, erstellt mit media.io

14) Asch-Minimalismus

Sechskant: #f8f7f6 #e2e0de #c6c2bf #8f8a86 #3b3836

Stimmung: schlicht, weich, zurückhaltend

Am besten für: Produktfotografie-Hintergründe

Schlicht und zurückhaltend, erinnert an weichen Putz, Asche und diffuses Studio-Licht. Diese Töne sorgen für eine Hervorhebung von Produkten ohne harten Kontrast oder Farbstiche. Kombinieren Sie für Aufnahmen mit einem taktilen Material wie Packpapier, Leinen oder Keramik, um Tiefe zu schaffen. Anwendungstipp: Das mittlere Grau als Fläche nutzen und den hellsten Ton für den nahtlosen Hintergrund reservieren.

Beispielfoto von Asch-Minimal, erstellt mit media.io

15) Silber-Birke

Sechskant: #f6f7f5 #e0e4dd #c0c7bf #879186 #2f352f

Stimmung: frisch, natürlich, ausgewogen

Am besten für: ökologische Hautpflege-Etiketten

Frisch und natürlich, erinnert an Birkenrinde, Salbeiblätter und morgendliches Licht. Der grün-graue Unterton gibt ein organisches Gefühl, das besonders zu Clean-Beauty- und Wellness-Marken passt. Kombinieren Sie es mit recycelten Papierstrukturen und einem dezenten botanischen Akzent wie Eukalyptus oder Ton. Anwendungstipp: Zutatenblöcke auf dem hellsten Hintergrund lassen und die kräftige Nuance für gesetzlichen Text nutzen, um Lesbarkeit zu sichern.

Beispielfoto von Silber-Birke, erstellt mit media.io

16) Polarnacht

Sechskant: #fdfdfd #d9dde1 #a7adb5 #515a66 #0f141b

Stimmung: dramatisch, filmisch, kontrastreich

Am besten für: Filmplakate

Dramatisch und filmisch, fühlt es sich an wie Schnee im Mondlicht mit tiefem, tintenblauem Horizont. Die breite Kontrastspanne unterstützt fette Typografie, stimmungsvolle Verläufe und markante Silhouetten. Kombinieren Sie für Titel mit einem satten Akzent wie Karminrot oder Elektroblau. Anwendungstipp: Mittlere Grautöne für Hintergrundstruktur nutzen, damit fast-schwarzer Text und Hauptelemente scharf bleiben.

Beispielfoto von Polarnacht, erstellt mit media.io

17) Beton-Chic

Sechskant: #f3f3f3 #d8d8d8 #b2b2b2 #707070 #252525

Stimmung: urban, stilvoll, modern

Am besten für: Restaurantmenüs

Urban und stilvoll – erinnert an Betonflächen, gebürstetes Metall und ein dezent beleuchtetes Speisezimmer. Diese grau-weiße Farbpalette eignet sich perfekt für Menüs, weil sie Layouts sauber hält und Preise sowie Abschnittsüberschriften hervorhebt. Kombinieren Sie für Signature-Gerichte mit einem Farbakzent wie Dunkelrot oder Kräutergrün. Anwendungstipp: Die hellste Nuance nie für kleine Schriften verwenden und das Kleingedruckte auf mittlerem Grau halten für bessere Lesbarkeit.

Beispielfoto von Beton-Chic, erstellt mit media.io

18) Nebel-Typografie

Sechskant: #fafafa #e6e8eb #c8ccd3 #818896 #303643

Stimmung: durchdacht, literarisch, modern

Am besten für: Buchcover

Durchdacht und literarisch – erinnert an sanften Nebel, geschichtetes Papier und ruhige Buchläden. Die kühleren Mitteltöne lassen Titel hervorstechen, ohne laute Farben – besonders für Sachbücher und moderne Belletristik. Kombinieren Sie mit einem Texturelement wie Maserung, Aquarellverlauf oder einem dezenten Fotoüberzug. Anwendungstipp: Den Autorname in der dunkelsten Nuance setzen und den Titel im Schiefer-Ton für eine feine Hierarchie gestalten.

Beispielfoto von Nebel-Typografie, erstellt mit media.io

19) Nordische Küche

Sechskant: #fcfbf9 #ecebe7 #d1cec7 #9c978d #3f3c36

Stimmung: hell, heimelig, skandinavisch

Am besten für: skandinavische Küchen

Hell und heimelig, fühlt sich an wie Morgenlicht auf gestrichenen Schränken und hellen Steinarbeitsplatten. Die etwas wärmeren Grautöne verhindern, dass Weiß zu hart wirkt – ideal für Küchen mit vielen glänzenden Flächen. Kombinieren Sie mit hellem Eschenholz, mattschwarzen Armaturen und sanften Grünpflanzen für mehr Ausgewogenheit. Anwendungstipp: Das tiefere Grau auf der Insel oder unteren Schränken nutzen, um den Raum zu erden.

Beispielfoto von Nordischer Küche, erstellt mit media.io

20) Stürmisches Briefpapier

Sechskant: #f7f7f9 #e2e3e8 #bfc3cc #6d7380 #242832

Stimmung: edel, modern, leicht stimmungsvoll

Am besten für: minimalistisches Briefpapier-Set

Edel mit einer Prise Stimmung erinnert es an regnerische Nachmittage, glattes Papier und klare Tintenlinien. Die kühlen Grautöne machen Briefköpfe, Umschläge und Karten professionell – aber nie zu streng. Für Siegel und kleine Zeichen mit einer Akzentfarbe wie Marine, Tannengrün oder gedecktem Burgunder kombinieren. Anwendungstipp: Große Flächen in den hellsten Nuancen drucken und den dunklen Ton für Monogramme und Kontaktdaten nutzen.

Beispielfoto von stürmischem Briefpapier, erstellt mit media.io

Welche Farben passen gut zu Grau Weiß?

Grau und Weiß lassen sich mit fast jeder Akzentfarbe kombinieren, da sie neutral und voraussehbar sind. Für moderne UIs empfehlen sich lebhafte Akzente wie Kobalt, Cyan, Limette oder Koralle, um CTAs und aktive Zustände schnell hervorzuheben.

Wenn Sie Wärme möchten, fügen Sie sandiges Beige, Karamell, Terrakotta oder zartes Rosa hinzu – diese machen ein monochromes Design einladender, ohne die minimalistische Optik zu verlieren.

Für Premium- oder Editorial-Branding sorgen Metalle (Gold/Roségold) und tiefe Töne (Marine, Tannengrün, Burgunder) für Wertigkeit, während die Palette insgesamt kontrolliert bleibt.

Wie man eine graue weiße Farbpalette in echten Designs verwendet

Vergeben Sie für jeden Ton eine Aufgabe: Der hellste Ton für Hintergründe, Hell-Mittel für Flächen (Karten/Bereiche), Mittel für Ränder und Trennlinien, Dunkel-Mittel für Zweittext und Anthrazit für Titel und Schlüsselzahlen.

Achten Sie genau auf Kontrast – besonders bei Weiß. Für längeres Lesen ist dunkelgrauer Text oft angenehmer als reines Schwarz und sehr helle Grautöne sollten für große Flächen reserviert und nicht für kleine Schrift verwendet werden.

Um eine flache Optik zu vermeiden, nutzen Sie Textur: feine Maserungen, sanfte Schatten, Papier/Leinen-Elemente oder einen einzelnen starken Akzent für interaktive Momente.

Erstellen Sie Grau-Weiß-Palettenvisuals mit KI

Wenn Sie eine Markenrichtung vorschlagen oder ein UI-Moodboard erstellen, sind visuelle Beispiele ebenso wichtig wie HEX-Codes. Die Umsetzung einer Grau-Weiß-Palette in realistische Szenen (Interieurs, Verpackungen, Plakate, Landingpages) beschleunigt Entscheidungen.

Mit dem Text-zu-Bild-Tool von Media.io können Sie Prompts einfügen, Stile variieren und konsistente Beispiele für Präsentationen, Kundenreviews oder Content-Planung generieren.

Nutzen Sie die obigen Prompts als Ausgangspunkt und passen Sie Branche (z.B. „Fintech-Dashboard“ oder „Kosmetik-Etikett“) sowie Seitenverhältnis nach Wunsch an.

Weiter: Schwarze Farbpalette