Graue und beige Farbpaletten: Hex-Codes & Gestaltungstipps

Eine Grau-Tan-Farbpalette (oft greige genannt) vermischt warmen sand mit kühlem Stein und schafft einen neutralen look, der sich modern, ruhig und leicht zu leben anfühlt.

Egal, ob Sie ein Interieur gestalten, ein Markensystem aufbauen oder eine Benutzeroberfläche gestalten, grau-braune Töne bieten Ihnen Flexibilität: weich genug für Hintergründe, aber strukturiert genug für lesbare Kontraste.

Warum Grau Braun Paletten So gut funktionieren

Gray tan befindet sich zwischen warmem beige und kühlem Grau, sodass es sich an unterschiedliche Beleuchtungen und Materialien anpasst, ohne zu gelb oder zu eisig zu schwingen. Diese balance macht es zu einem zuverlässigen "Basisneutral" sowohl für Innenräume als auch für digitales design.

Da diese Töne natürlich niedrig gesättigt sind, helfen sie dem Inhalt, sich ruhiger und hochwertiger zu fühlen. Fotos sehen konsistent aus, die Typografie bleibt lesbar und Akzente (wie Marineblau, Grün oder Honig) können auffallen, ohne zu kollidieren.

Graubräune ist auch wunderschön: Sie können flüsterhelle Off-White für geräumige Hintergründe, mittlere Graue für Oberflächen und Karten und tiefe Holzkohlen für Hierarchie und Struktur verwenden-alles während Sie in derselben Familie bleiben.

20+ Grau-Tan-Farbpalette-Ideen (mit Hex-Codes)

1) Steinleinwand

Sechskant:#D8D1C8#B9B1A8#8C8782#5A5E60#F2EFEA

Stimmung:Ruhig, luftig, geerdet

Am besten für:Moderne Wohnzimmer und offene Innenräume

Ruhig und luftig wie sonnenbeleuchteter Kalkstein und weiche gewebte Textilien fühlen sich diese Töne sofort beruhigt an. Verwenden Sie die helle Creme als Wand oder Sockel und schichten Sie dann mid greige auf größere Möbel für ein ruhiges Fundament. Holzkohle verleiht Struktur in Metallveredelungen, Rahmen oder einem Statement-Teppich, während die warmen taupes alles einladend halten. Tipp: Wiederholen Sie den dunkelsten Schatten an zwei kleinen Stellen (wie Lampe + hardware), um einen schweren Kontrastblock zu vermeiden.

Bild Beispiel von Stein Leinwand 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) Wüstennebel

Sechskant:#E6D6C4#C9B59C#A7A09A#6E6A67#FFF6EC

Stimmung:warm, dunstig, ruhig

Am besten für:Spa-Badezimmer und Wellness-Branding

Warm und dunstig wie frühmorgendliche Dünen, diese Mischung liest sich beruhigend, ohne gelb zu werden. Kombinieren Sie die sandigen Neutralen mit matten Steintexturen und gebürstetem nickel für ein modernes Spa-Feeling. Die tieferen grauen Gründe Spiegel, Typographie oder einen einzigen Akzentstreifen. Tipp: Behalten Sie Fuge, Ränder und Körpertext in den dunkleren Farbtönen, damit der cremige highlight sauber und ruhig bleibt.

Bildbeispiel von Wüstennebel erzeugt mit media.io

3) Leinen & Graphit

Sechskant:#F4F0E8#D3C7B8#A59C92#4E4F53#1F2328

Stimmung:Maßgeschneidert, frisch, modern

Am besten für:Premium-Websites und redaktionelle layouts

Maßgeschneidert und knackig wie gepresstes Leinen neben einer scharfen Bleistiftskizze fühlt sich dieses set raffiniert und zeitgemäß an. Es funktioniert wunderbar als grau-braune Farbschema für Seiten, die viel Leerzeichen benötigen, aber trotzdem Wärme wollen. Verwenden Sie die beiden dunkelsten Töne für navigation, Überschriften und Teiler, dann lassen Sie die mittleren Neutralen große Blöcke weich machen. Tipp: Reservieren Sie das nahezu schwarze für nur ein element pro Bildschirm (wie Schaltflächen), um die Hierarchie klar zu halten.

Bild Beispiel von Leinen & Graphit generiert mit media.io

4) Pebble Latte

Sechskant:#E2D8CE#CBBDAF#B0A296#857A72#3C3A39

Stimmung:Gemütlich, weich, caféartig

Am besten für:Cafés und Menüdesign

Gemütlich und weich wie ein latte auf einem Steinuntersetzer fühlen sich diese neutralen Farben zugänglich und warm an. Verwenden Sie die hellsten Farbtöne für Hintergründe und Papierstock und bringen Sie dann die tieferen Taupen für Typographie und Abschnittskopfe ein. Der dunkle Espresso-Ton eignet sich ideal für Logomarken und Preisbetonung, ohne hart auszusehen. Tipp: Fügen Sie Textur hinzu (Kraftpapier, gesprenkelter Druck oder Körner), damit sich die palette reichhaltiger anfühlt, ohne mehr Farben hinzuzufügen.

Bildbeispiel von pebble latte generiert mit media.io

5) Lehmstudio

Sechskant:#E7D8CF#C7AA9A#A58F84#7A7C78#B45A3C

Stimmung:handwerklich, erdig, kreativ

Am besten für:Keramikmarken und handgefertigte Produktverpackungen

Handwerklich und erdig wie nasser Ton, der auf einem Atelierregal trocknet, vermischt diese Mischung warme Neutrale mit einem Funken aus gebackenem Terrakotta. Lassen Sie das soft blush-beige auf Schachteln oder Etiketten führen und verwenden Sie dann das Lehmrot als Siegel, Streifen oder Heldensymbol. Das kühle Grau verhindert, dass sich die Wärme zu rustikal anfühlt und passt gut zu schwarzer Tinte oder gestempelten Texturen. Tipp: Drucken Sie den Akzent auf unbeschichtetem stock, um ein authentisches, handgefertigtes finish zu erhalten.

Bildbeispiel von clay studio generiert mit media.io

6) Warme minimale UI

Sechskant:#F6F1EA#D8C8B6#B3A89D#6C6A67#2C2D30

Stimmung:minimal, freundlich, poliert

Am besten für:dashboard UI und Produktivitäts-Apps

Minimal und freundlich wie ein sauberer Schreibtisch mit warmem Tageslicht sorgen diese neutralen Farben für ein ruhigeres Gefühl an Schnittstellen. Eine solche grau-braune Farbpalette eignet sich hervorragend für Produktivitätswerkzeuge, da sie Blendung reduziert und gleichzeitig den Kontrast lesbar hält. Verwenden Sie die nahezu schwarze Farbe für primäre Aktionen und die mittlere graue Farbe für sekundären text, Ränder und chips. Tipp: Fügen Sie ein einfarbiges Statussystem (grün, bernstein, rot) hinzu und halten Sie alles andere innerhalb dieser Neutralen für Konsistenz.

Bildbeispiel von warm minimal ui generiert mit media.io

7) Sandstein-Redaktion

Sechskant:#EFE6DD#D6C3B0#B29F8E#7A7570#2B2B2C

Stimmung:elegant, reif, geschichtenorientiert

Am besten für:Zeitschriftenspreads und lookbooks

Elegant und geschichtenreich wie verwitterter Sandstein in einer Galerie fühlt sich diese palette zeitlos auf der Seite an. Die weichen Cremes halten Fotos hell, während die mittleren Bräunungen Bildunterschriften und Zitaten Wärme verleihen. Verwenden Sie die dunklen Töne für Körpertext und Rasterlinien, um einen erstklassigen redaktionellen Rhythmus aufrechtzuerhalten. Tipp: Halten Sie die Ränder großzügig, damit die wärmeren Farbtöne eher absichtlich als schlammig lesen.

Bildbeispiel von sandstone editorial generiert mit media.io

8) Taupe Botanica

Sechskant:#EDE3D8#C8B5A7#9E9188#5E6A62#2F3A35

Stimmung:botanisch, ruhig, natürlich

Am besten für:Wellness-Etiketten und botanische Illustrationen

Botanisch und ruhig wie getrocknetes Gras gegen ein Leinenbuch, diese Töne fühlen sich organisch und komponiert an. Die gedämpften Grünen bringen einen natürlichen Hinweis, ohne die warmen Neutralen zu überwältigen. Kombinieren Sie es mit Serif-Typografie, Linienzeichnungen und strukturiertem Papier für eine Apotheker-Atmosphäre. Tipp: Verwenden Sie das dunkelste Grün für Zutatenlisten, um die Lesbarkeit auf leichten Verpackungen hoch zu halten.

Bild Beispiel von taupe botanica generiert mit media.io

9) Driftwood-Branding

Sechskant:#F0E7DE#D0BFAE#A9A39B#6B645F#1C3A5A

Stimmung:Küstenmäßig, vertrauenswürdig, raffiniert

Am besten für:Markenidentitätssysteme und Unternehmensschreibwaren

Dieser mix ist küstlich und vertrauenswürdig wie Treibholz neben tiefem Wasser und vereint Wärme mit einem selbstbewussten blauen Anker. Es ist eine dieser Grau-Braun-Farbkombinationen, die sowohl freundlich als auch professionell aussehen können, wenn sie in einem Markensystem verwendet werden. Halten Sie die Neutralen für Schreibwaren dominierend und verwenden Sie dann die Marine für logos, links und Signaturelemente. Tipp: Setzen Sie strenge Regeln für das Blau, damit es einen Premium-Akzent bleibt, anstatt den gesamten look nautisch zu machen.

Bildbeispiel von driftwood branding generiert mit media.io

10) Stadtdune

Sechskant:#E3DBD1#C5B7A9#9A9189#5D6164#2E3236

Stimmung:städtisch, ausgewogen, zurückhaltend

Am besten für:Architekturpräsentationen und pitch decks

Städtisch und zurückhaltend wie Beton, der von der späten Nachmittagssonne erwärmt wird, fühlen sich diese Töne komprimiert und professionell an. Die mittleren Neutralen funktionieren gut für Diagramme, Tabellen und Diahintergründe, die nicht gegen Ihren Inhalt kämpfen sollten. Fügen Sie die tieferen Grautöne für Titel und Schlüsselmetriken hinzu, um den Kontrast scharf zu halten. Tipp: Einführung einer hellen Highlight-Farbe nur für calls to action, damit das deck sauber bleibt.

Bildbeispiel einer städtischen dune, die mit media.io erzeugt wurde

11) Mokka-Nebel

Sechskant:#EFE2D7#CDB4A4#A48D84#6A5D57#3A2F2B

Stimmung:Reich, gemütlich, intim

Am besten für:Schlafzimmer, cafés und lifestyle Fotografie styling

Reichhaltig und gemütlich wie Kakaodampf im sanften Morgenlicht, neigt diese palette warm, ohne schwer zu werden. Verwenden Sie den cremigen beige für Bettwäsche oder Hintergrundoberflächen und fügen Sie dann Mokka-Töne in Würfen, Holz und Keramik hinzu. Die tiefbraune Farbe eignet sich perfekt für Lederakzente und dünne Typen, die sich klassisch anfühlen müssen. Tipp: Mischen Sie matte und satinierte finishes, um zu verhindern, dass die dunkleren Farbtöne die Szene flach machen.

Bildbeispiel von mocha Nebel erzeugt mit media.io

12) Eukalyptus Neutral

Sechskant:#F3EEE7#D1C2B1#A7A097#6F7C73#334039

Stimmung:frisch, gedämpft, wiederherstellend

Am besten für:Natürliche Hautpflege-Anzeigen und Öko-Produktseiten

Frisch und wiederherstellend wie Eukalyptuszweige auf warmem Papier fühlen sich diese Farbtöne sauber und geerdet an. Die erweichten Grünen fügen eine sanfte Gesundheit hinzu, während die Bräunungen den look zugänglich halten. Kombinieren Sie es mit minimalen Fotografien, recycelten Texturen und viel Atemraum. Tipp: Verwenden Sie das dunkelste Grün für Knöpfe und stellen Sie sicher, dass der Kontrast auf der Lichtbasis zugänglich bleibt.

Bildbeispiel von eucalyptus neutral generiert mit media.io

13) Beton & Honig

Sechskant:#E8E2DA#C7C1B9#9A9793#5B5E62#D4A24A

Stimmung:Industriell, hell, optimistisch

Am besten für:Startup-Branding und Call-to-Action-Design

Industriell, aber optimistisch wie Sonnenlicht auf Beton, bezieht dieses set seine Energie aus einem Honigakzent. Unter den Grau-Braun-Farbkombinationen ist der goldene Ton eine starke Wahl für highlights, da er eher warm und modern liest als laut. Beibehalten Sie die Neutralen für Hintergründe und Oberflächen der Benutzeroberfläche und verwenden Sie dann Honig für Abzeichen, Symbole oder eine primäre Schaltfläche. Tipp: Begrenzen Sie den Akzent auf etwa 10 Prozent des Layouts, um ihn stark zu halten.

Bildbeispiel von concrete & honey generiert mit media.io

14) Staubige Ranch

Sechskant:#F2E6DA#D0B39E#B0927F#6A615A#7A3E2E

Stimmung:rustikal, sonnengebacken, einladend

Am besten für:Western-inspirierte Veranstaltungen und rustikale Einladungen

Rustikal und sonnengebacken wie eine ruhige Ranchstraße, diese Farbtöne bringen Wärme mit einem geerdeten, erdigen Rand. Das Terrakotta-Braun eignet sich gut für Monogramme und Randdetails, während die helleren Bräunungen das layout atmungsaktiv halten. Kombinieren Sie es mit strukturierten Papiereffekten, einfachen Linienikonen und einem klassischen serif. Tipp: Vermeiden Sie hier reine schwarze Tinte; Das tiefe Grau-Braun fühlt sich authentischer und weicher zu lesen an.

Bild Beispiel von dusty ranch generiert mit media.io

15) Winter Wildleder

Sechskant:#F7F5F2#D9D0C7#B7AEA6#7B7672#404244

Stimmung:Kühler, weicher, ruhiger Luxus

Am besten für:Mode-Lookbooks und minimaler e-commerce

Kühl und weich wie Wildleder im Winterlicht fühlt sich diese palette teuer und zurückhaltend an. Verwenden Sie die blassen Töne für Produktseiten, damit Materialien und Silhouetten natürlich hervorstechen. Die mittleren Grauen eignen sich ideal für Größenwähler und subtile UI-Umrisse, während der dunkle Schiefer die Typographie scharf macht, ohne stark auszusehen. Tipp: Verwenden Sie große, hochauflösende Bilder und halten Sie den Abstand großzügig, um die ruhige und luxuriöse Stimmung zu passen.

Bild Beispiel von winter Wildleder generiert mit media.io

16) Kupfersand Akzent

Sechskant:#F1E3D6#D4C0AE#AFA197#7A6C62#C36A3A

Stimmung:warm, leuchtend, craft-forward

Am besten für:home decor Anzeigen und saisonale promos

Warm und leuchtend wie Kupfer, der Sonnenuntergang über sand fängt, fühlt sich diese Mischung einladend und handgefertigt an. Der Kupferakzent funktioniert am besten in kleinen, absichtlichen hits wie Siegeln, Überschriften oder dekorativen Linien. Kombinieren Sie es mit natürlichen Materialien wie Eiche, rattan und gebürsteten Metallen, um den Glanz zu verstärken. Tipp: Halten Sie die Schatten weich und vermeiden Sie hohe Sättigung anderswo, damit das Kupfer der Held bleibt.

Bildbeispiel von Kupfersand Akzent generiert mit media.io

17) Galerie Greige

Sechskant:#F5F3EF#D6CEC4#B2AAA0#7A746E#2A2B2E

Stimmung:Sauber, kuratiert, galerieartig

Am besten für:Portfolio-Websites und kreative studios

Sauber und kuratiert wie eine ruhige Galeriewand, geben diese neutralen Farben Raum zum Atmen. Eine Farbpalette wie diese ist hervorragend, wenn Sie möchten, dass sich Bilder über ein portfolio hinweg konsistent anfühlen, selbst bei gemischter Beleuchtung. Verwenden Sie den dunkelsten Ton für navigation und Bildunterschriften und behalten Sie den Hintergrund in den weichsten weißen Farben für einen erstklassigen look. Tipp: Fügen Sie einen subtilen warmgrauen Rand um Bilder hinzu, um Miniaturen ohne schwere Rahmen zu vereinheitlichen.

Bild Beispiel von Galerie greige erstellt mit media.io

18) Kakaokreide

Sechskant:#F0ECE6#CFC2B7#A58F86#6D5B54#4A3E3A

Stimmung:vintage, Akademisch, warm

Am besten für:Bucheinschläge und Schreibwaren-Sets

Vintage und akademisch wie Kreidestaub auf einem kakaobraunen Brett, diese Töne fühlen sich nachdenklich und taktil an. Sie glänzen auf Papierwaren, Zeitschriften und Cover-Designs, wo Textur genauso wichtig ist wie Farbe. Verwenden Sie die hellen Farbtöne für den Hintergrund und die Ränder und bauen Sie dann eine Hierarchie mit den tieferen Brauntönen für Titel und Ornamente auf. Tipp: Fügen Sie subtile speckle oder Prägung hinzu, damit die mittleren Töne im Druck nicht miteinander verschmelzen.

Bildbeispiel von Kakaokreide erzeugt mit media.io

19) Seaside Taupe

Sechskant:#E9E2DA#C8BEB4#A39B94#6B7A86#24313A

Stimmung:Windlich, ruhig, küstlich modern

Am besten für:Reise-Branding und luftige landing pages

Windlich und ruhig wie Nebel, der über eine ruhige Küste rollt, mischt diese palette warme Neutrale mit kühlem Meeresschiefer. Die Blauen sind gedämpft genug, um raffiniert zu bleiben, was sie perfekt für links, Symbole und subtile Verläufe macht. Behalten Sie die Bräunungen als Hauptleinwand und lassen Sie die kühlen Töne Tiefe in Kopf-und Fußzeilen geben. Tipp: Verwenden Sie große Typographie und sanfte Linien-Symbole, um das luftige, küstennahe Tempo zu passen.

Bild Beispiel von seaside taupe generiert mit media.io

20) Hearthstone gemütlich

Sechskant:#F3E8DD#D3BFAF#B39A8C#7C6B61#4B3A33

Stimmung:Gemütlich, nostalgisch, geerdet

Am besten für:Kücheneinrichtungen und Komfort-Lebensmittelverpackungen

Gemütlich und nostalgisch wie ein Kamin in einem Steinhaus, diese Farbtöne fühlen sich wohltuend und vertraut an. Verwenden Sie den cremigen Braun für Wände oder Etikettenhintergründe und bringen Sie dann tiefere Braune für Typographie und illustrierte details ein. Die mittleren Töne passen zu Holzschränken, Kraftpapier und Naturfasern, ohne sich zu rustikal zu fühlen. Tipp: Fügen Sie einen kleinen pop von weißem Raum um logos hinzu, damit dunklere Elemente das design nicht überfüllen.

Bild Beispiel von hearthstone cozy generiert mit media.io

Welche Farben passen gut zu Graubräune?

Graubräune kombiniert natürlich mit weichen Weißen, Holzkohle und warmen Holztönen, was den Gesamtlook zusammenhängend und geerdet hält. Diese Kombinationen sind ideal, wenn Sie ein neutrales Farbschema wünschen, das sich dennoch geschichtet und bewusst anfühlt.

Für Akzente sorgen gedämpfte Blaufarben (navy, Schiefer, staubiger denim) für einen vertrauenswürdigen Kontrast, während botanische Grünfarben (Eukalyptus, Oliven, tiefer Wald) einen ruhigen, natürlichen Hinweis verleihen. Wenn Sie mehr Energie wollen, können kleine Hauch von Honig oder Terrakotta die palette erwärmen, ohne sie zu überwältigen.

Wählen Sie bei digitaler Arbeit eine Akzentfarbe aus und halten Sie die meisten Benutzeroberflächen im Greige-Bereich, um visuelles Rauschen zu reduzieren. Dadurch sind Schaltflächen, links und Statusfarben auf einen Blick leichter zu erkennen.

So verwenden Sie eine Grau-Tan-Farbpalette in echten Designs

Beginnen Sie mit einer hellen Basis (weiß oder creme) für die größten Flächen und fügen Sie dann ein mittleres Grau für sekundäre Oberflächen wie Karten, Möbelpolster oder Hintergrundpaneele hinzu. Dies schafft Tiefe, ohne neue Farbtöne einzuführen.

Verwenden Sie den dunkelsten Ton strategisch für die Struktur: Überschriften, Schlüsselmetriken, Navigationsleisten, hardware oder frames. Die Wiederholung dieser dunklen Farbe an ein paar kleinen Stellen hilft, die Zusammensetzung auszugleichen und einen einzigen schweren "Kontrastblock" zu vermeiden.

Damit sich Graubräune nicht flach anfühlt, variieren Sie die Textur und das finish – matte Farbe, Leinen, Stein, gebürstetes Metall oder subtile Maserung. Sie werden Reichtum bekommen, während Sie in einer minimalen, modernen palette bleiben.

Erstellen Sie Grau-Tan-Palette-Visuals mit KI

Wenn Sie ein Konzept präsentieren, hilft es, grau-braune Töne im Kontext zu zeigen – Räume, Produktaufnahmen, UI-Bildschirme oder Branding-Mockups. Visuelle Beispiele lassen Stakeholder sofort die Stimmung spüren.

Mit Media.io Text to Image können Sie Stilszenen (wie gemütliche Innenräume, redaktionelle layouts oder Verpackungsrenders) erstellen und schnell verfeinern, indem Sie Aufforderungen, Beleuchtung und Seitenverhältnisse anpassen.

Verwenden Sie Ihre Palette-Hex-Codes als Leitfaden und beschreiben Sie dann Materialien und Beleuchtung (Leinen, Beton, Eiche, diffuses Tageslicht), um die Ausgabe Ihrer beabsichtigten Greige-Palette treu zu halten.

Weiter: Pastellblaue Farbpalette