20 Ideen für Farbpaletten mit Slate Gray – inkl. Hex-Codes

Schiefergrau ist eines dieser „funktioniert immer“ Neutraltöne: kühl, gelassen und leicht skalierbar von dezenten Hintergründen bis zu auffälliger Typografie.

Nachfolgend findest du mehr als 20 Ideen für Schiefergrau-Farbpaletten mit HEX-Codes, die du für UI, Branding und Interieurs verwenden kannst – plus schnelle Kombinations-Tipps und KI-Prompts zur schnellen Bildgenerierung.

Warum Schiefergrau-Paletten so gut funktionieren

Schiefergrau liegt genau zwischen blaugrauen Tönen und gedeckten Neutraltönen. Dadurch wirkt es modern, ohne standardmäßig kühl-industriell zu erscheinen. Es kann je nach Dunkelheit als „Hintergrund“ oder „Struktur“ fungieren.

In digitalen Produkten unterstützt Schiefergrau eine starke Hierarchie: dunkle Töne für Navigation und Überschriften, hellere Töne für Flächen und eine Akzentfarbe für Aktionen. Das macht es besonders effektiv für Dashboards, Fintech und redaktionelle Layouts.

Im physischen Design (Innenräume, Verpackungen) fügt Schiefergrau eine beruhigende Schwere hinzu. Es harmoniert natürlich mit warmen Materialien wie Holz, Sand, Messing und Terrakotta – was dem Gesamtbild eine geerdete und hochwertige Anmutung verleiht.

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

1) Nebliger Hafen

HEX: #708090 #2F3A44 #AAB2BD #D9D3C7 #C6A15B

Stimmung: ruhig, küstennah, modern

Am besten geeignet für: SaaS Analytics Dashboard-UI

Kühler Hafen-Nebel und gebürsteter Stahl sorgen für ruhige, fokussierte Stimmung. Verwende diese Palette für datenlastige Interfaces, bei denen Kontrast und Hierarchie wichtig sind. Das dunkle Anthrazit verankert Navigation und Überschriften. Sand und mattes Gold verhindern ein steriles Erscheinungsbild, besonders bei Diagrammen, Badges und Key Metrics. Tipp: Gold nur für eine Primäraktion einsetzen, den Rest in Grautönen für übersichtliches Scannen belassen.

Beispielbild „Nebliger Hafen“ erstellt mit media.io

Media.io

Media.io ist ein Online-KI-Studio zum Erstellen und Bearbeiten von Videos, Bildern und Audio direkt im Browser.

Jetzt kostenlos ausprobieren

2) Blaustahl und Blush

HEX: #708090 #1F2A37 #E8B4B8 #F4F1EC #6BAED6

Stimmung: elegant, freundlich, luftig

Am besten geeignet für: Beauty-Brand Landingpage UI

Polierter Stahl trifft auf zartes Blush für einen Look, der zugleich selbstbewusst und nahbar wirkt. Diese Schiefergrau-Kombination funktioniert gut für Landingpages, bei denen klare Strukturen und ein sanfter, menschlicher Touch gefragt sind. Kombiniere das Blush mit Off-White für Hero-Bereiche, das Himmelblau für Links und sekundäre Buttons. Tipp: Fließtext immer auf Off-White und die tiefste Navy für Überschriften, damit die Zugänglichkeit erhalten bleibt.

Beispielbild „Blaustahl und Blush“ erstellt mit media.io

3) Aschensalbei Studio

HEX: #708090 #3E4A3D #C9D2C1 #F2EFE9 #B08A5A

Stimmung: organisch, ruhig, redaktionell

Am besten geeignet für: Keramik-Verpackungsdesign

Sanftes Studio-Licht und erdige Lehmnoten erzeugen ein organisches, handwerklich geprägtes Flair. Salbei und warmes Beige mildern die kühle Basis, ideal für Verpackungen mit viel Haptik und Ruhe. Off-White bietet Raum für Typografie, während das dunklere Grün Icons und Zutaten hervorhebt. Tipp: Setze das Schieferton als Hauptlabel ein, Akzente nur als einen erdigen Farbtupfer für den Premium-Look.

Beispielbild „Aschensalbei Studio“ erstellt mit media.io

4) Sturmfenster-Neutraltöne

HEX: #708090 #111827 #9CA3AF #E5E7EB #F59E0B

Stimmung: schlank, kontrastreich, urban

Am besten geeignet für: Fintech Mobile App UI Screens

Stürmische Fensterreflexe und Stadtschatten verleihen diesem Mix eine scharfe, urbane Kante. Eine solche Schiefergrau-Palette ist ideal für Fintech-Flows, die Klarheit, Vertrauen und starken Kontrast für Zahlen benötigen. Verwende das Fast-Schwarz für Haupttext und Navigation, das Bernstein betont Status, Warnungen und wichtige CTAs. Tipp: Halte Bernstein unter 10 % der Oberfläche, damit es Bedeutung behält und nicht ablenkt.

Beispielbild „Sturmfenster-Neutraltöne“ erstellt mit media.io

5) Graphit und Aprikose

HEX: #708090 #2B2D31 #F4A261 #F7F3E9 #264653

Stimmung: warm, kontrastreich, modern, selbstbewusst

Am besten geeignet für: Startup Pitchdeck-Folien

Graphit-Tiefe mit Aprikosenwärme wirkt energetisch, ohne laut zu werden. Ideal für Pitchdecks, in denen prägnante Headlines, klare Diagramme und einprägsame Akzente gefragt sind. Off-White bleibt Hauptfläche, Aprikose hebt wichtige Zahlen und Hinweise hervor. Tipp: Teal immer auf unterstützende Visualisierungen und Icons abstimmen, damit das Deck durchgehend konsistent bleibt.

Beispielbild „Graphit und Aprikose“ erstellt mit media.io

6) Regentag Editorial

HEX: #708090 #0B1320 #BFC7D5 #F6F5F2 #7C5CFC

Stimmung: stimmungsvoll, edel, redaktionell

Am besten geeignet für: Magazin-Feature-Layout

Regentag-Ruhe und dunkle Kontraste schaffen ein edles, druckreifes Gefühl. Der helle Stahlton sorgt für entspanntes Lesen, während das Fast-Schwarz Überschriften und Zitate hervorhebt. Das Violett sparsam einsetzen: für Abtrenner, Unterzeilen oder eine einzige herausstechende Kennzahl. Tipp: Fließtext immer im dunkelsten Ton, großzügige Zeilenlängen für redaktionelle Ruhe.

Beispielbild „Regentag Editorial“ erstellt mit media.io

7) Nordischer Beton

HEX: #708090 #3B4A5A #C7CED6 #F3F4F6 #A3B18A

Stimmung: minimalistisch, luftig, architektonisch

Am besten geeignet für: Farbberatung für moderne Wohnräume

Nordisches Licht auf Betonwänden sorgt für ein minimalistisches, atmendes Ambiente. Verwende Schiefer- und Stahltöne für Wände, Einbauten oder Polster, aufgehellt durch helle, grauweiße Flächen. Das gedeckte Oliv bietet als Akzent für Pflanzen, Keramik oder einen einzelnen Stuhl einen ruhigen Farbtupfer. Tipp: Wiederhole Oliv lieber in zwei kleinen Bereichen statt in einem großen für ein ausgewogeneres Bild.

Beispielbild „Nordischer Beton“ erstellt mit media.io

8) Mitternachtsteal-Akzent

HEX: #708090 #0F172A #0EA5A4 #CBD5E1 #F8FAFC

Stimmung: High-Tech, klar, cool

Am besten geeignet für: Smartwatch-Produktanzeige

Mitternachts-Tiefe und ein Türkis-Akzent wirken futuristisch und sauber. Die hellen Grautöne bewahren Klarheit, ideal für Tech-Anzeigen. Türkis für Featurehighlights, Glow-Akzente und dezente Motion-Hinweise nutzen, die tiefste Nuance rahmt die Produktsilhouette. Tipp: Halte den Hintergrund fast weiß und stärke den Kontrast durch die Typografie, damit das Gerät im Vordergrund bleibt.

Beispielbild „Mitternachtsteal-Akzent“ erstellt mit media.io

9) Staubrosa-Büro

HEX: #708090 #374151 #D1A3A4 #F5F2EE #8AB4F8

Stimmung: professionell, soft, einladend

Am besten geeignet für: Corporate Report-Vorlage

Weiches Bürolicht und gedämpfte Rosétöne lassen ein professionelles Layout einladender wirken. Verwenden Sie das tiefste Grau für Überschriften und Tabellenlinien und setzen Sie das warme Off-White für längere Textabschnitte ein. Das staubige Rosé eignet sich gut für Abschnittsüberschriften, während das Hellblau Links und Verweise hervorhebt. Tipp: Halten Sie Diagramme bei zwei Datenfarben plus neutralen Tönen, damit der Bericht schnell erfassbar bleibt.

Bildbeispiel eines roséfarbenen Büros, erstellt mit media.io

10) Mineral Spa Ruhe

HEX: #708090 #22303C #A7C4C2 #E9EFEF #CBAE82

Stimmung: beruhigend, sauber, regenerierend

Am besten geeignet für: Marken-Identity-Kit Wellness

Mineralwassertöne und sanfter Dampf schaffen eine regenerierende, saubere Atmosphäre. Seegrün und nebliges Weiß sorgen für Frische, während das warme Beige einen menschlichen, natürlichen Gegenpol bietet. Dunklere Töne für Logomarken und Typografie verwenden, Verpackung und Social-Posts hingegen hell und luftig halten. Tipp: Wählen Sie nur eine Textur, zum Beispiel dezente Papierkörnung, um die Identity ruhig statt glänzend zu halten.

Bildbeispiel von Mineral Spa Calm, erstellt mit media.io

11) Kupfer-Hardware

HEX: #708090 #2D3748 #B87333 #EFE7DD #6B7280

Stimmung: industriell, warm, hochwertig

Am besten geeignet für: Verpackung für Küchengeräte

Industriestahl mit einem Hauch Kupfer wirkt hochwertig und ein wenig werkstatt-cool. Verwenden Sie den warmen Metallton für Abzeichen und Modellbezeichnungen, während das Off-White saubere Anleitungen und Funktionslisten unterstützt. Mittelgrau hält sekundäre Flächen und Icons dezent, ohne zu verschwinden. Tipp: Drucken Sie Kupfer als Spot- oder Folienakzent, um die Schachtel aufzuwerten, ohne zu sehr zu glänzen.

Bildbeispiel von Kupfer-Hardware, erstellt mit media.io

12) Winterwolle

HEX: #708090 #1F2937 #C4CBD4 #F5F5F4 #A16207

Stimmung: gemütlich, maßgeschneidert, zeitlos

Am besten geeignet für: Fashion-Lookbook-Doppelseite

Maßgeschneiderte Wolle und kalte Luft vermitteln gemütliche, zurückhaltende Eleganz. Sanfte Grautöne für Hintergründe und Ränder verwenden, den tiefen Ton für kräftige Überschriften und Preise. Das warme Braun-Gold betont stilsicher Highlights für Callouts, Seitenzahlen oder kleine grafische Linien. Tipp: Halten Sie die Fotografie kühl, damit die Akzentfarbe bewusst und nicht zufällig wirkt.

Bildbeispiel von Winterwolle, erstellt mit media.io

13) Bistro im Kerzenschein

HEX: #708090 #2B2A2F #E0C097 #F7F1E3 #8C5E3C

Stimmung: intim, warm, gehoben

Am besten geeignet für: Restaurant-Menüdesign

Kerzenlichtwärme vor dunklem Stein wirkt intim und exklusiv. Verwenden Sie den tiefsten Ton für Menüüberschriften und Abschnittstrenner, der Fließtext sollte auf cremigem Papierton für gute Lesbarkeit bleiben. Die Beige- und Kakaotöne funktionieren gut für Icons, Ernährungshinweise und dezente Rahmen. Tipp: Reservieren Sie das wärmste Braun für Signature-Dishes, damit Highlights kuratiert und nicht überladen wirken.

Bildbeispiel von Bistro im Kerzenschein, erstellt mit media.io

14) Himmlische Nacht

HEX: #708090 #0A0F1F #94A3B8 #F8FAFC #F97316

Stimmung: dramatisch, modern, energiegeladen

Am besten geeignet für: Musikfestival-Plakat

Ein himmlischer Nacht-Look verleiht Dramatik, mit leuchtenden Highlights wie Neon vor tiefem Nachthimmel. Verwenden Sie das fast Schwarze für das Plakatfeld, während Schiefer- und Hellgrau die Typohierarchie strukturieren. Ein kräftiger Orangeton eignet sich perfekt für Datum, Ticketinformationen oder eine auffällige Grafik. Tipp: Setzen Sie Orange nur für eine Schriftgewichtung ein, damit es wie ein gezieltes Signal wirkt.

Bildbeispiel von Himmlische Nacht, erstellt mit media.io

15) Minimalmuseum

HEX: #708090 #20262E #B8C0CC #FFFFFF #9B8C7A

Stimmung: ruhig, kuratiert, galerie-sauber

Am besten geeignet für: Museums-Wegleitsystem

Ruhige, kuratierte Töne wirken wie eine Galeriewand mit bewusstem Abstand. Weiß dient als Hauptfläche für Beschilderungen, dunklere Töne für Pfeile, Raumnummern und lesbare Überschriften. Der warme Steinton akzentuiert Sonderausstellungen, ohne Kunstwerke zu stören. Tipp: Eine Icon-Gewichtung auswählen und hohen Kontrast für gute Fernlesbarkeit einhalten.

Bildbeispiel von Minimalmuseum, erstellt mit media.io

16) Kieselweg

HEX: #708090 #334155 #CBD5E1 #F1F5F9 #22C55E

Stimmung: frisch, sauber, leicht verspielt

Am besten geeignet für: App-Onboarding-UI

Glatte Kiesel und frische Luft versprühen saubere, leicht verspielte Energie. Helle Töne für großzügige Onboarding-Bildschirme verwenden, Grün als positives Signal für Fortschritt, Erfolgsmeldungen und Bestätigungen einsetzen. Dunkles Grau sorgt für stabile Titel und lässt Illustrationen hervorstechen. Tipp: Fortschrittsindikatoren nur beim aktiven Schritt grün färben, damit die Nutzer stets wissen, wo sie stehen.

Bildbeispiel von Kieselweg, erstellt mit media.io

17) Oliventreiben

HEX: #708090 #2A3D3B #7D8F69 #E6E2D8 #D97706

Stimmung: abenteuerlich, geerdet, naturverbunden

Am besten geeignet für: Outdoor-Gear-E-Commerce-Banner

Geerdete, wanderbereite Töne wirken abenteuerlich, ohne zu derb zu wirken. Olive und tiefes Grün-Grau passen gut zu Produktfotos, während helles Sandbanner lesbar und offen halten. Das warme Orange als kleiner Hingucker für Rabatte oder begrenzte Angebote einsetzen. Tipp: Den Akzent nur hinter kurzem Text nutzen, um das Angebot hervorzuheben, statt das Produktfoto zu stören.

Bildbeispiel von Oliventreiben, erstellt mit media.io

18) Tinte und Sand

HEX: #708090 #0F172A #D6D3CD #F9FAFB #2563EB

Stimmung: klar, modern, selbstbewusst

Am besten geeignet für: Portfolio-Website-UI

Tinten-dunkler Kontrast auf weichem Sand wirkt klar und modern wie eine gut gesetzte Seite. Diese Schiefergrau-Palette eignet sich optimal für Portfolioseiten, auf denen Projekte Freiraum brauchen und Typografie die Geschichte erzählt. Kühle Blau- und Neutraltöne für Links und Hover-Zustände einsetzen, der tiefste Ton für Navigation und Überschriften nutzen. Tipp: Blau nur für interaktive Elemente verwenden, damit Besucher sofort erkennen, was klickbar ist.

Bildbeispiel von Tinte und Sand, erstellt mit media.io

19) Bewölkter Lavendel

HEX: #708090 #2E2A3B #B8B3D6 #F4F3F8 #D4A373

Stimmung: romantisch, sanft, modern

Am besten geeignet für: Hochzeitseinladung-Set

Bewölkter Lavendel und zartes Grau wirken romantisch, bleiben dabei modern und klar. Verwenden Sie das helle Lavendel als Hauptpapier, und setzen Sie Typografie in das tiefe Pflaumengrau für elegante Lesbarkeit. Das warme Beige unterstützt dezent Monogramme, Rahmen oder kleine Motive. Tipp: Halten Sie Deko-Elemente schmal und minimal, sodass die Farbpalette luftig und nicht zu süß wirkt.

Bildbeispiel von bewölktem Lavendel, erstellt mit media.io

20) Klassenzimmer im Hafennebel

HEX: #708090 #334E68 #BFD7EA #F0F7FF #F6C453

Stimmung: hell, freundlich, organisiert

Am besten geeignet für: Bildungsinfografik

Helle, neblige Blautöne wirken freundlich und organisiert, wie eine ruhige Klassenzimmerwand. Helle Himmelstöne für Abschnitte und Boxen nutzen, tiefes Blau-Grau für Überschriften und Labels für gute Lesbarkeit einsetzen. Das sonnige Gelb funktioniert gut für wichtige Fakten, Icons und Highlights, die den Blick führen. Tipp: Gelb nur bei einem wiederkehrenden Element einsetzen, etwa bei Sprechblasen, um einen konstanten visuellen Hinweis zu schaffen.

Bildbeispiel von Klassenzimmer im Hafennebel, erstellt mit media.io

21) Rauchige Pflaume Kontrast

HEX: #708090 #2B1B2E #A78BFA #EDE9FE #94A3B8

Stimmung: kreativ, luxuriös, leicht stimmungsvoll

Am besten geeignet für: Buchcover-Design

Rauchige Pflaume und sanftes Violett wirken kreativ und etwas luxuriös, wie Tintenstrahlnacht auf strukturiertem Papier. Die tiefe Pflaume als Hintergrund oder Titelblock einsetzen, blasses Violett für Autorenname und Details. Kühle Grau-Blautöne sorgen für Bodenhaftung und verhindern ein zu süßes Lila. Tipp: Haupttitel in kontrastreicher Serifenschrift setzen und alle anderen Texte minimal halten für einen modernen Abschluss.

Bildbeispiel von Rauchige Pflaume Kontrast, erstellt mit media.io

Welche Farben passen zu Schiefergrau?

Schiefergrau lässt sich mühelos mit warmen Neutralen wie Sand, Creme, Beige und Weizen kombinieren, wenn ein weicherer, einladenderer Look gewünscht ist. Diese Töne „wärmen“ die blau-graue Basis auf, ohne den modernen Eindruck zu verlieren.

Für klaren digitalen Kontrast kombinieren Sie Schiefergrau mit fast Schwarz/Marine und sauberem Off-White und ergänzen einen auffälligen Akzent (Bernstein, Orange, Türkis oder Elektrikblau) für Call-to-Actions und Zustände.

Wenn Sie es ausdrucksvoller mögen, harmoniert Schiefergrau auch mit gedeckten Pastelltönen (staubiges Rosé, Lavendel) und Erdtönen (Salbei, Olive), die das Farbschema ruhig halten und trotzdem Persönlichkeit verleihen.

Wie man eine Schiefergrau-Farbpalette in echten Designs verwendet

Weisen Sie zunächst Rollen zu: Dunkler Schiefer/Anthrazit für Primärtext und Navigation, mittlerer Schiefer für sekundäre UI-Elemente und sehr helle Grautöne für Flächen und Abstand. So bleiben Layouts lesbar und konsistent über alle Seiten hinweg.

Wählen Sie dann eine Akzentfamilie und bleiben Sie dabei. Warme Akzente (Gold, Aprikose, Kupfer) wirken hochwertig und freundlich, während kühle Akzente (Türkis, Himmelblau, Violett) technischer und klarer wirken.

Testen Sie Kontraste frühzeitig – insbesondere für Buttons, kleine Labels und Datenvisualisierungen. Schiefergrau ist dezent, daher verhindert eine bewusste Hierarchie, dass alles in einem „angenehmen Grau“ verschwimmt.

Erstelle Schiefergrau-Paletten-Visuals mit KI

Wenn Sie ein Moodboard, UI-Konzept oder Verpackungs-Mockup erstellen, helfen Ihnen palettenbasierte Visuals dabei, die Stimmung zu verifizieren, bevor Sie Produktionsdateien anlegen.

Mit dem Text-zu-Bild-Tool von Media.io können Sie einen Prompt (wie die obigen Beispiele) einfügen, das Seitenverhältnis bestimmen und schnell iterieren, bis Licht, Materialien und Stil zur Marke passen.

Wenn Sie eine Richtung gefunden haben, halten Sie die Schiefergrau-Basis konstant und tauschen Sie nur die Akzentfarbe, um mehrere Varianten zu testen, ohne komplett neu zu gestalten.

Weiter: Weizen Farbpalette