20 moderne Farbpaletten Grau Rot mit HEX-Codes und Inspiration

Eine grau-rote Farbpalette ist der süße Punkt zwischen ruhiger Struktur und kühnen Emotionen. Die Grauen bringen Gleichgewicht und Klarheit, während das Rot Fokus, Wärme und Dynamik verleiht.

Ob Sie eine Marke, eine Benutzeroberfläche, ein Interieur-Moodboard oder ein Druckstück entwerfen, Grau-Rot-Kombinationen helfen Ihnen, schnell eine Hierarchie aufzubauen, ohne chaotisch auszusehen.

Warum grau-rote Paletten So gut funktionieren

Grau ist eine natürliche "Layoutfarbe": Es unterstützt Typographie, Raster und Bilder, ohne Aufmerksamkeit zu stehlen. Rot tut das Gegenteil – auf die beste Art und Weise – indem es sofort Wichtigkeit, Emotionen und Handlung signalisiert.

Gemeinsam schaffen sie zuverlässigen Kontrast und klare Hierarchie. Sie können das meiste design neutral halten und Rot nur dort verwenden, wo Ihre Augen landen möchten (Knöpfe, Abzeichen, Schlagzeilen oder wichtige Produktdetails).

Grau verändert auch die Persönlichkeit von Rot. Kombinieren Sie Scharlachrot mit kühlem Stahl für ein modernes Gefühl oder kombinieren Sie ein Weinrot mit warmem Betongrau für etwas handwerklicheres und gemütlicheres.

20+ Grau Rot Farbpalette Ideen (mit HEX Codes)

1) Asche Crimson

Sechskant:#f3f2f1#c7c7c9#8b8d92#b23a3a#2b2c2f

Stimmung:Sauber, kühn, metropolitan

Am besten für:Markenidentitäts-und Logosysteme

Saubere Aschetöne treffen auf ein selbstbewusstes crimson, wie Beton und Neonschilder in der Dämmerung. Diese grau-rote Farbpalette bleibt professionell und fühlt sich trotzdem energisch an, vor allem für Technik, Architektur und modernen Einzelhandel. Kombinieren Sie es mit viel weißem Raum und einem starken sans serif, um den look frisch zu halten. Benutzungstipp: Reservieren Sie das Rot für Schlüsselzeichen und Handlungsaufforderungen, und lassen Sie das Grau das layout bedienen.

Bild Beispiel von ash crimson generiert 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) Schieferrose

Sechskant:#f6f4f2#d2d6db#6f7882#d16b6b#343a40

Stimmung:Weich, raffiniert, redaktionell

Am besten für:Hochzeitseinladungen und Schreibwaren

Weicher Schiefer und gedämpfte rose fühlen sich an wie gepresste Blütenblätter auf kühlem Stein. Die Töne lesen romantisch, ohne zuckersüß zu werden, was sie hervorragend für Einladungen, Gelübdekarten und Zeremonieprogramme macht. Kombinieren Sie es mit warmen Elfenbeinpapiertexturen und zarten Linienkunst für ein erhöhtes finish. Verwendungstipp: Aufbewahren Sie die Körperkopie in tiefer Holzkohle und verwenden Sie rose nur für Namen, Monogramme oder Trennteile.

Bildbeispiel von Schieferrose generiert mit media.io

3) Graphitgranat

Sechskant:#ececec#b0b3b8#4a4f57#7b1e2b#141619

Stimmung:Dramatisch, premium, Nachtlich

Am besten für:Luxus-Verpackungen und Etiketten

Dunkler Graphit und Granat erinnern an Samtkabinen, Kerzenlicht und spätabendliche cocktails. Diese Grau-Rot-Farbkombinationen fühlen sich auf matten finishes, Folienstempel und minimalistischen Etiketten erstklassig an. Kombinieren Sie es mit einem warmen off-white für Lesbarkeit und einem zurückhaltenden Akzentmuster für Textur. Verwendungstipp: Drucken Sie Granat als Fleckfarbe auf schwarz oder fast schwarz, um es reich und nicht schlammig zu halten.

Bildbeispiel von Graphit Granat generiert mit media.io

4) Nebeliger Ziegel

Sechskant:#faf7f4#d8d1cc#9a9a9a#a84c3a#3a2f2c

Stimmung:geerdet, warm, architektonisch

Am besten für:Interieur-Moodboards und Dekorationsplanung

Foggy neutrals mit Backsteinroten Akzenten fühlen sich wie ein renoviertes loft mit freiliegenden Mauerwerk an. Es funktioniert wunderbar für Innenplatten, Lackplanung und Materialauswahl, wo Sie Wärme wollen, ohne vollständig Terrakotta zu gehen. Kombinieren Sie es mit natürlichem Holz, schwarzer Metall-Hardware und Leinen-Texturen für einen gelebten look. Benutzungstipp: Verwenden Sie brick auf einem Brennelement und wiedergeben Sie es dann in kleineren Zubehörteilen, um visuelle Schwerheit zu vermeiden.

Bildbeispiel von foggy brick generiert mit media.io

5) Zinnkirsche

Sechskant:#f2f3f5#b9bcc2#70757f#c02f4a#1f2328

Stimmung:Elegant, kräftig, modern

Am besten für:SaaS-Dashboards und UI-Akzente

Schlanke Zinngrauen mit Kirschpop fühlen sich wie eine polierte Schnittstelle mit genau der richtigen Dringlichkeit an. Die neutrale Grundlage unterstützt datenreiche layouts, während cherry hilft, Zustände wie Warnungen, aktive Registerkarten oder Fortschritte hervorzuheben. Kombinieren Sie mit großzügigen Abständen und subtilen Rändern, so dass der Kontrast angenehm bleibt. Verwendungstipp: Beschränken Sie cherry auf einen primären Aktionsstil und behalten Sie sekundäre Aktionen grau.

Bild Beispiel von pewter cherry generiert mit media.io

6) Beton Cabernet

Sechskant:#f7f5f2#c9c6c2#7a7773#6b1f2b#262524

Stimmung:Stimmungsvoll, rustikal, gehoben

Am besten für:Weinetiketten und Gourmetverpackungen

Betongrau und Cabernet-Rot deuten auf Kellerwände, Eichenfässer und tiefe Beerennoten hin. Die palette fühlt sich handwerklich und gehoben an, perfekt für Wein, Kaffee-Spezialitäten oder kleine Lebensmittelverpackungen. Kombinieren Sie es mit Cremepapier und klassischer Serif-Typographie, um sich in das Erbe zu lehnen. Verwendungstipp: Verwenden Sie cabernet für das Markenzeichen und behalten Sie den Sortentext dunkelgrau für einfaches Scannen.

Bild Beispiel von Beton cabernet generiert mit media.io

7) Stahlblush

Sechskant:#ffffff#d9dee5#8a94a3#e39a9a#2e3440

Stimmung:Luftig, sanft, zeitgemäß

Am besten für:Beauty-Marken und minimale lookbooks

Luftiges Stahlgrau und rotes Rot fühlen sich wie sanfte Beleuchtung auf poliertem Metall an. Diese Töne passen zu Hautpflege, Kosmetik und lookbooks, wo Sie eher ruhiges Selbstvertrauen als lauten Kontrast wollen. Kombinieren Sie es mit minimalen Fotografien, dünnen Regeln und geräumigen Rändern für ein High-End-Gefühl. Verwendungstipp: Behalten Sie blush als Farbton hinter Schlagzeilen oder Abzeichen statt als Körpertext zu verwenden.

Bildbeispiel von Stahlblush erzeugt mit media.io

8) Sturmkoralle

Sechskant:#f4f6f8#b7bec7#59626b#f05b5b#1b1f24

Stimmung:Energisch, scharf, kontrastreich

Am besten für:Kampagnen-Grafiken und soziale Vorlagen

Sturmgrau mit Korallenrot vermittelt das Gefühl eines breaking news Banners oder eines schnellen Kampagnenstarts. Das Grau-Rot-Farbschema eignet sich gut für fette Schlagzeilen, Countdown-Beiträge und klare Symbolsätze. Kombinieren Sie es mit schweren Gewichten und einfachen Formen, damit die Koralle sauber bleibt und nicht chaotisch ist. Verwendungstipp: Verwenden Sie coral für ein Fokuselement pro layout und lassen Sie dann mittleres Grau die unterstützenden Informationen handhaben.

Bildbeispiel von stormy coral generiert mit media.io

9) Rauchen Marsala

Sechskant:#f1efee#c2bdbb#7c7674#7a2e3a#2a2526

Stimmung:reife, gemütlich, literarisch

Am besten für:Zeitschriftenfunktionen und redaktionelle layouts

Rauchige Neutrale mit marsala red fühlen sich wie abgenutztes Leder, Papiermasse und eine ruhige Leseecke an. Der mix passt zu redaktionellen spreads, wo Sie Tiefe, Hierarchie und einen subtilen Akzent für pull quotes benötigen. Kombinieren Sie sie mit warmer Fotografie und einem Serif-Headline-Stil für eine zeitlose Stimmung. Verwendungstipp: Stellen Sie langen text in mitteldunkelgrau ein, um Blendung zu reduzieren und gleichzeitig den Kontrast zugänglich zu halten.

Beispielbild von Smoke Marsala, generiert mit media.io

10) Silver Poppy

Sechskant: #f8f8f8 #d0d3d6 #888f97 #d63b3b #24272b

Stimmung: frisch, selbstbewusst, klar

Am besten für: Präsentationsdecks und Pitch-Vorlagen

Silbergraue Töne mit Mohnrot wirken wie eine knackige Keynote mit bewusst gesetzten Akzenten. Eine solche Grau-Rot-Kombination sorgt für gute Lesbarkeit der Folien und lässt wichtige Zahlen und Überschriften hervorstechen. Kombinieren Sie dies mit schlichten Diagrammen, dünnen Trennern und viel Weißraum, um visuelles Rauschen zu vermeiden. Anwendungstipp: Mohnrot nur für Highlights verwenden und Diagramme überwiegend neutral gestalten für einen einheitlichen Look.

Beispielbild von Silver Poppy, generiert mit media.io

11) Ironberry

Sechskant: #e9eaec #b3b5ba #5b5f66 #8f1d2c #1a1b1e

Stimmung: robust, sportlich, fokussiert

Am besten für: Sport-Branding und Event-Promos

Eisengraue Töne mit dunklem Beerenrot erinnern an Stadionlichter und konzentrierte Trainingsenergie. Der Kontrast reicht für Trikots, Beschilderung und Plakate, bei denen Lesbarkeit aus der Distanz wichtig ist. Kombinieren Sie es mit komprimierter Typografie und kraftvollen Fotos für einen markanten, wettbewerbsorientierten Stil. Anwendungstipp: den Hintergrund dunkel halten und das helle Grau als Puffer um Text verwenden, um die Lesbarkeit zu verbessern.

Beispielbild von Ironberry, generiert mit media.io

12) Moonlit Merlot

Sechskant: #f5f4f7 #c8c4cf #6b6773 #5a1f33 #201a1f

Stimmung: mysteriös, elegant, abendlich

Am besten für: Musik-App-UI und Nightlife-Branding

Mondschein-Graus mit Merlot-Rot wirken wie Samtvorhänge und eine gedämpfte Playlist-Bar. Die dunklen Neutraltöne bieten einen ruhigen Hintergrund für Albumcover, während Merlot luxuriöse Akzente für aktive Zustände setzt. Kombinieren Sie dezente Farbverläufe und abgerundete Komponenten, damit die Oberfläche einladend bleibt. Anwendungstipp: Merlot nur für Auswahl- und Fortschrittsanzeigen nutzen, damit Nutzer immer wissen, wo sie hingucken sollen.

Beispielbild von Moonlit Merlot, generiert mit media.io

13) Downtown Ruby

Sechskant: #f7f7f6 #cfd2d6 #7b8088 #c1122e #2a2e34

Stimmung: urban, knackig, aufmerksamkeitsstark

Am besten für: Website-Header und Hero-Bereiche

Knackige Downtown-Graus mit Rubinrot erinnern an Straßenschilder vor Glasfassaden. Diese Farbpalette eignet sich perfekt für starke Hero-Banner, Navigations-Elemente und auffällige Typografie. Mit klaren Rastern und reduzierten Icons bleibt das Erscheinungsbild modern. Anwendungstipp: Rubin nur für eine Haupt-Schaltfläche und kleine Hover- oder Unterstreicher verwenden.

Beispielbild von Downtown Ruby, generiert mit media.io

14) Dusty Cranberry

Sechskant: #f3f0ee #d6cfca #8c8683 #a2323a #322b2a

Stimmung: gemütlich, handgemacht, nostalgisch

Am besten für: Saisonale Bastelarbeiten und Kleinunternehmer-Branding

Staubige Grautöne und Cranberryrot erinnern an Strickschals, Kraftpapier und handgeschriebene Notizen. Solche Grau-Rot-Kombis eignen sich für Kerzen, Seifen und Manufakturprodukte, bei denen Wärme wichtiger ist als Glanz. Kombinieren Sie es mit naturweißem Papier, strukturiertem Hintergrund und einer freundlichen Serifenschrift für ein einladendes Gesamtbild. Anwendungstipp: Cranberry als stempelartigen Akzent verwenden und die meisten Flächen hell lassen für Boutique-Atmosphäre.

Beispielbild von Dusty Cranberry, generiert mit media.io

15) Granite Pepper

Sechskant: #f9f9f9 #c1c4c8 #6a6e73 #9e2f2f #111214

Stimmung: minimal, durchsetzungsstark, grafisch

Am besten für: Typografische Plakate und Mitteilungen

Granit und pfeffrige Dunkeltöne mit gezügeltem Rot wirken scharf und modern. Die Neutraltöne schaffen eine solide Basis für große Typografie, während das Rot wie eine präzise Unterstreichung oder ein Stempel wirkt. Kombinieren Sie eine Schriftfamilie mit engem Zeilenabstand für einen designorientierten Look. Anwendungstipp: Rot nur sparsam als Satzzeichen oder Akzent verwenden, nicht als Flächenton für große Bereiche.

Beispielbild von Granite Pepper, generiert mit media.io

16) Winter Scarlet

Sechskant: #ffffff #e2e4e7 #9aa1a8 #cc1f2f #2b2f33

Stimmung: festlich, frisch, winterlich

Am besten für: Grußkarten und saisonale E-Mail-Banner

Eisige Grautöne mit Scharlachrot erinnern an frischen Schnee und ein helles Band. Die Palette wirkt festlich, aber verzichtet auf Grün und ist daher ideal für moderne Weihnachtskampagnen. Kombinieren Sie minimalistische Illustrationen, dünne Icons und nach Bedarf einen Hauch Glitzerstruktur. Anwendungstipp: Scharlachrot für Grüße und wichtige Daten einsetzen, helle Grautöne tragen die Hintergrundformen.

Beispielbild von Winter Scarlet, generiert mit media.io

17) Urban Wine

Sechskant: #f4f3f1 #cfcac6 #7d7876 #7c2231 #2d2a2b

Stimmung: gemütlich, edel, kulinarisch

Am besten für: Speisekarten und Café-Branding

Urbane Neutraltöne mit Weinrot erinnern an gemütliche Bistros, Kreidetafeln und ein Glas Wein am Tisch. Die Grautöne halten die Layouts übersichtlich, während Weinrot Appetit macht und Handwerkskunst vermittelt. Kombinieren Sie Cremeweiß, strukturiertes Papier und klassische Typografie für ein edles Menükonzept. Anwendungstipp: Rot für Abschnittsüberschriften und Icons nutzen, nicht für lange Zutatenlisten.

Beispielbild von Urban Wine, generiert mit media.io

18) Soft Ember

Sechskant: #f7f3f1 #d7d1cf #9b9493 #c84a3b #3a3332

Stimmung: sanft, erdig, wohltuend

Am besten für: Botanische Illustrationen und Wellness-Inhalte

Weiches Glutrot mit ruhigen Grautönen erinnert an getrocknete Blüten, Ton und Morgen-Teedampf. Die Wärme lädt ein zu Wellness-Posts, Journalseiten und Pflanzenillustrationen. Kombinieren Sie handgezeichnete Linien und dezente Papiertexturen für einen organischen Look. Anwendungstipp: Die Glutfarbe als Aquarellfläche nutzen und Details in warmem Grau statt Rein-Schwarz umrahmen.

Beispielbild von Soft Ember, generiert mit media.io

19) Modern Carmine

Sechskant: #f2f2f2 #c5c7cc #7a7f88 #b0182a #20242a

Stimmung: selbstbewusst, modern, wirkungsvoll

Am besten für: Produktwerbung und Landingpage-Bereiche

Moderne Grautöne mit Karminrot erinnern an eine klare Studio-Anzeige mit kraftvollem Fokuspunkt. Die Neutralen stützen Produktfotos und technische Angaben, während das Rot in Aktionen und Promotionen Dringlichkeit erzeugt. Kombinieren Sie knackige Schatten, einfache Formen und klare Hierarchien für conversionstarke Layouts. Anwendungstipp: Karmin für Preisschilder und Hauptbuttons nutzen, unterstützende UI bleibt in mittlerem Grau.

Beispielbild von Modern Carmine, generiert mit media.io

20) Quarry Redbud

Sechskant: #fbfaf9 #dad7d5 #85807d #b6404a #2f2c2b

Stimmung: natürlich, ausgewogen, zurückhaltend

Am besten für: Portfolio-Websites und Case-Study-Seiten

Steinbruch-graue Töne mit Redbud-Wärme wirken ruhig, geerdet und leise kreativ. Die Farbgebung passt für Portfolios und Case Studies, bei denen ein neutraler Rahmen mit stilvollem Akzent für die Arbeiten gewünscht ist. Kombinieren Sie warme Weißtöne, großzügige Abstände und sanft bearbeitete Fotos für Kohärenz. Anwendungstipp: Redbud nur in kleinen UI-Elementen wie Links und Abschnittsmarkern wiederholen, damit der Fokus den Projekten gilt.

Beispielbild von Quarry Redbud, generiert mit media.io

Welche Farben passen gut zu Grau Rot?

Neutraltöne sind die einfachsten Ergänzungen: Weiß, Off-White und fast Schwarz erweitern Ihre Graureihe und bieten klaren Raum für Typografie. Cremige Weißtöne wärmen Backstein-, Wein- und Granatrot, während reines Weiß Scharlach und Rubin modern wirken lässt.

Für ein weicheres, wohnliches Gefühl kombinieren Sie Grau-Rot-Töne mit warmen Beiges, hellen Taupes oder Rosétönen. Für einen schärferen, technologiegetriebenen Look passen kühle Blautöne (Schiefer, Stahl, Eisblau) natürlich zu Grau und halten das Rot frisch.

Für einen hochwertigen Akzent hebt ein wenig Gold (Folie, Icons, kleine Details) dunklere Rottöne wie Cabernet oder Merlot hervor. Bleiben Sie dezent, um Raffinesse statt Überladenheit zu vermitteln.

Wie man eine graue rote Farbpalette in echten Designs verwendet

Nutzen Sie Grau als Basis: für Hintergründe, Karten, Trenner und längere Texte. Rot dient dann gezielt als Eyecatcher—CTAs, Highlights, Fehlermeldungen, Preisschilder oder ein einziges Stilelement im Print-Design.

Kontrollieren Sie das Verhältnis. Eine praktische Regel sind 80–90% Neutral und 10–20% Rotakzente, besonders in UI und Präsentationen. So bleibt das Design gut lesbar und das Rot wirkt nicht zu aufdringlich.

Wählen Sie das richtige Rot für die Anwendung: Helle Rottöne (Scharlach, Mohn) für Dringlichkeit und Energie; dunklere Rottöne (Granat, Merlot) für Luxus und Stimmung; gedeckte Rottöne (Rosen, Blush) für ruhiges Editorial und Lifestyle-Themen.

Erstellen Sie Grau-Rot-Palette-Visuals mit KI

Wenn Sie ein Konzept vorstellen, ist die Darstellung der Palette im Kontext genauso wichtig wie die HEX-Codes. Schnelle Mockups (Poster, Verpackung, UI, Einladungen) helfen, die Design-Richtung schnell spürbar zu machen.

Mit Media.io wird aus einem einfachen Prompt in wenigen Minuten ein markengerechtes Visual, das Sie weiterentwickeln können – etwa durch Anpassung von Licht, Materialien, Typografie oder Rotintensität, während die Graustruktur erhalten bleibt.

Starten Sie mit einem der oben genannten Prompts, passen Sie die Szene an Ihr Projekt an und halten Sie die gewählten HEX-Farben stets griffbereit, damit Ihre Ergebnisse über Seiten und Assets hinweg zusammenhängend bleiben.

Als Nächstes: Gold Farbpalette