Umber Farbkombinationen: 21 Ideen mit Hex-Codes & KI-Designvorschlägen

Umbra ist ein tiefes, erdiges Braun, das einem Design sofort Wärme, Gewicht und Glaubwürdigkeit verleiht. Es ist die erste Wahl für Marken, die bodenständig wirken möchten – ohne altmodisch zu erscheinen.

Nachfolgend finden Sie moderne Umber-Farbpaletten-Ideen (mit HEX-Codes) für Verpackungen, Benutzeroberflächen, Innenräume und Illustrationen – plus sofort einsetzbare KI-Prompts zur Generierung passender Bilder.

Warum Umber-Paletten so gut funktionieren

Umbra liegt im Bereich der „warmen Neutralen“ – stark genug, um bewusst zu wirken, aber ruhig genug, um Typografie, Fotografie und Produktdetails zu unterstützen. Besonders effektiv, wenn ein hochwertiges, taktiles oder traditionelles Ambiente gefragt ist.

Da Umber natürliche Tiefe aufweist, entsteht Kontrast, ohne reines Schwarz zu benötigen. Kombinieren Sie es mit Cremetönen und sanftem Grau für Lesbarkeit oder fügen Sie Terrakotta/Kupfer-Akzente für mehr Energie hinzu, ohne die Bodenständigkeit zu verlieren.

In digitalen Designs reduzieren Umber-Paletten auch die Blendwirkung im Vergleich zu reinem Weiß und gesättigten Farben und lassen Interfaces weicher und menschlicher erscheinen – ideal für Wellness-, Food- und Lifestyle-Marken.

20+ Umber-Farbpaletten-Ideen (mit HEX-Codes)

1) Zedernherd

HEX: #5a3d2b #8a5a3c #c9a27a #f2e6d8 #2b1f1a

Stimmung: gemütlich, rustikal, bodenständig

Am besten geeignet für: Kaffeeverpackungen

Gemütlich und holzrauchig – diese Farbtöne erinnern an Zedernbalken, geröstete Bohnen und warmes Café-Licht. Das dunkle Braun und beinahe Schwarz bilden den Anker für Etiketten, während Hellbraun und Creme die Lesbarkeit der Typografie erhalten. Kombinieren Sie mit unbeschichteten Papiertexturen und einfacher Serifenschrift für ein hochwertiges Gefühl. Anwendungstipp: Verwenden Sie die Creme als Haupt-Hintergrund und reservieren Sie die dunkelste Nuance für Logos und wichtige Aussagen.

Bildbeispiel von Zedernherd, erstellt mit media.io

Media.io

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

Jetzt gratis ausprobieren

2) Wüsten-Ton

HEX: #6b4a3b #b06a4a #d8a27b #f4efe6 #3d2a23

Stimmung: sonnengetrocknet, handwerklich, warm

Am besten geeignet für: Keramikmarken Landingpage-UI

Sonnengetrocknet und haptisch – dieses Set wirkt wie handgeformte Keramik, Wüstenlicht und staubige Pfade. Das gedämpfte Terrakotta bringt freundliche Energie, ohne zu aufdringlich zu sein – ausgeglichen durch sanfte Sand-Neutrale. Ideal für Lifestyle-UIs, die für Fotografie einen ruhigen Rahmen brauchen, aber Buttons trotzdem auffallen lassen. Anwendungstipp: Halten Sie CTAs im Terrakotta und lassen Sie das dunkle Braun Überschriften für Kontrast übernehmen.

Bildbeispiel von Wüsten-Ton, erstellt mit media.io

3) Antikes Leder

HEX: #4a3326 #7a4f35 #a97a55 #e6d2bc #1f1714

Stimmung: klassisch, edel, traditionell

Am besten geeignet für: Buchcover-Design

Klassisch und edel – diese Nuancen erinnern an abgenutztes Leder, Goldkanten und ruhige Bibliotheken. Die mittleren Brauntöne wirken vertrauenswürdig und zeitlos, während das helle Pergament Titel scharf hält. Perfekt für historische Belletristik, Memoiren und hochwertige Notizbücher, bei denen Wärme wichtiger ist als kräftige Farben. Anwendungstipp: Prägen Sie den Titel in der hellsten Nuance und rahmen Sie mit dem dunkelsten Braun für klassischen Kontrast.

Bildbeispiel von Antikes Leder, erstellt mit media.io

4) Wald-Umbra

HEX: #4b3a2a #6a5b45 #8d7a5b #c7b99b #1d261f

Stimmung: erdig, ruhig, natürlich

Am besten geeignet für: Outdoor-Ausrüstungsbranding

Erdig und ruhig – diese Töne erinnern an Waldboden, Rinde und schattige Pfade. Das grün-schwarze sorgt für einen robusten Touch und verhindert, dass die Brauntöne zu gemütlich wirken. Als Umber-Farbkombination besonders stark für Logos, Hangtags und Patch-Labels. Anwendungstipp: Legen Sie das dunkelste Grün-Schwarz hinter kleine weiße Schrift und verwenden Sie das helle Khaki für sekundäre Panels.

Bildbeispiel von Wald-Umbra, erstellt mit media.io

5) Mokka-Leinen

HEX: #5c4538 #8b6a58 #bda089 #f2eadf #3a2a24

Stimmung: sanft, minimalistisch, beruhigend

Am besten geeignet für: Hautpflege-Verpackung

Sanft und minimalistisch – diese Palette erinnert an warmen Mokka, Leinenstoff und sanftes Morgenlicht. Die cremige Basis sorgt für einen klaren Look, während die Kakao-Töne für Produktnamen und Inhaltsstoff-Hervorhebungen Tiefe geben. Perfekt für Wellness und Hautpflege, wo ruhiges Vertrauen das Ziel ist. Anwendungstipp: Die meisten Flächen in Creme halten und das mittlere Mokka für Icons verwenden, um einen schweren, matten Look zu vermeiden.

Bildbeispiel von Mokka-Leinen, erstellt mit media.io

6) Terrakotta-Tinte

HEX: #5a3b2f #9b4f3c #d8a18a #f6f1ea #231a1a

Stimmung: kraftvoll, redaktionell, ausdrucksstark

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

Kraftvoll und redaktionell – diese Farbtöne erinnern an Tonpigment, Schlagzeilen mit Tinte und moderne Kunstdrucke. Das beinahe Schwarz sorgt für Struktur, während Terrakotta Wärme bringt und die Leser durch die Seite zieht. Geeignet für Layouts, die Persönlichkeit brauchen, ohne Neon zu werden. Anwendungstipp: Terrakotta für Zitate und Abschnittsüberschriften verwenden, den Fließtext in der dunkelsten Nuance für Klarheit lassen.

Bildbeispiel von Terrakotta-Tinte, erstellt mit media.io

7) Messingholz

HEX: #4f3727 #7b5b3a #b08a4f #e7d8b8 #2a201a

Stimmung: vintage, poliert, selbstbewusst

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

Vintage und dennoch poliert – diese Mischung erinnert an Messing-Leuchten, dunkle Holzbalken und Kerzenlicht auf dem Tisch. Der goldene Ton bringt einen subtilen Luxus-Akzent, ohne ins strahlende Gelb zu wechseln. Ideal für Menüs, Weinkarten und Print im Gastgewerbe, bei denen Lesbarkeit zählt. Anwendungstipp: Messing für Trennlinien und Icons nutzen und Überschriften ins dunkelste Braun für klare Hierarchie setzen.

Bildbeispiel von Messingholz, erstellt mit media.io

8) Kakao-Sand

HEX: #5b4030 #7d5b45 #a9876d #d7c2a6 #f3eadf

Stimmung: freundlich, warm, zugänglich

Am besten geeignet für: Social Media Post-Vorlagen

Freundlich und warm – diese Farbtöne erinnern an Kakaopulver, Sand am Strand und weiche Schatten. Der Verlauf von tiefem Braun zu Creme sorgt für ein strukturiertes Layout, ohne zusätzliche Grafiken. Ideal für Zitatkarten, Promos und Karussell-Vorlagen, bei denen konsistent Branding hilft. Anwendungstipp: Text auf Creme oder hellem Sand platzieren, das dunkelste Braun nur für Akzentlinien und kleine Badges verwenden.

Bildbeispiel von Kakao-Sand, erstellt mit media.io

9) Ernte-Gewürz

HEX: #5a3523 #8f4f2f #c57d4a #e6b58a #f6eadc

Stimmung: herbstlich, energiegeladen, einladend

Am besten geeignet für: Saisonales Werbeplakat

Herbstlich und energiegeladen, erinnert dieses Farbschema an gerösteten Kürbis, Zimt und spätnachmittägliches Sonnenlicht. Die orange-braunen Gewürztöne wirken lebhaft, während das helle Creme die Gestaltung leicht hält. Diese Umber-Farbkombinationen eignen sich hervorragend für saisonale Aktionen, Bauernmärkte und Café-Angebote. Tipp zur Anwendung: Setzen Sie große Überschriften in den dunkleren Brauntönen und verwenden Sie das Gewürzorange als auffällige Stickerfarbe.

Beispielbild von Harvest Spice, erstellt mit media.io

10) Sienna Slate

HEX: #5a3a2c #8f5d4c #b98c7a #c9cfd4 #2b2f33

Stimmung: modern, ausgewogen, leicht kühl

Am besten geeignet für: Dashboard UI

Modern und ausgewogen vereinen sich hier warmes Sienna mit kühlem Schiefer für ein ruhiges, professionelles Ambiente. Die Grautöne sorgen für Luftigkeit und lassen die Braunnuancen modern statt rustikal wirken. Ideal für Analyse-Dashboards, bei denen Diagramme und Karten eine subtile Unterscheidung brauchen. Anwendungstipp: Das dunkelste Schiefer für Navigation reservieren und Sienna für aktive Zustände nutzen, damit Nutzer schnell scannen können.

Beispielbild von Sienna Slate, erstellt mit media.io

11) Pecan Cream

HEX: #614434 #8e6a55 #b9967f #e5d3c3 #fbf6ee

Stimmung: sanft, luftig, tröstlich

Am besten geeignet für: Hochzeitseinladung-Set

Sanft und luftig erinnern diese Töne an Pekannussschalen, Schlagsahne und zartes Papier. Die hellen Neutraltöne eignen sich perfekt für feine Typografie, während die tieferen Brauntöne genug Struktur für Monogramme bieten. Sie passen zu rustikal-eleganten Hochzeiten und minimalistischer Papeterie. Tipp zur Anwendung: Drucken Sie den Haupttext im dunkelsten Braun und lassen Sie Ränder und Ornamente im mittleren Pekannuss-Ton für einen sanfteren Abschluss.

Beispielbild von Pecan Cream, erstellt mit media.io

12) Copper Pine

HEX: #4a3327 #7a4a3a #b8734f #3a4a3f #e9dccb

Stimmung: abenteuerlich, handwerklich, naturverbunden

Am besten geeignet für: Craft-Bier-Etikett

Abenteuerlich und handwerklich erinnert dieser Mix an Kupferkessel, Kiefernnadeln und cremigen Bierschaum. Das Grün setzt einen frischen, natürlichen Akzent, der die Brauntöne voneinander abhebt. Passend für Etiketten und Dosen, wo Wärme und Frische kombiniert werden sollen. Anwendungstipp: Verwenden Sie Kupfer für das Hauptelement und setzen Sie den Textblock mit dem dunkelsten Braun für gute Lesbarkeit ab.

Beispielbild von Copper Pine, erstellt mit media.io

13) Walnut Fog

HEX: #4d3a30 #6d584c #9a8578 #c9c0ba #f0ece8

Stimmung: ruhig, modern, neutral

Am besten geeignet für: Interior-Design-Moodboard

Ruhig und modern erinnern diese Nuss-und-Nebel-Neutraltöne an sanfte Textilien, matte Keramik und trübes Fensterlicht. Die Taupe- und Warngrautöne verbinden die Brauntöne und machen das Farbschema flexibel und zeitgemäß. Es ist ein einfaches Umber-Schema für Inneneinrichtungen, Lookbooks und Branddecks, in denen Ruhe und Zusammenhalt gefragt sind. Anwendungstipp: Lassen Sie den hellen Nebelton dominieren und setzen Sie Walnussakzente klein, aber wiederholt, für Rhythmus.

Beispielbild von Walnut Fog, erstellt mit media.io

14) Sepia Bloom

HEX: #5a3e32 #8a5f52 #c59a8a #e8d2c7 #f7f1eb

Stimmung: romantisch, nostalgisch, weich

Am besten geeignet für: Botanische Aquarellillustration

Romantisch und nostalgisch wirken diese Sepiatöne wie gepresste Blütenblätter, alte Fotografien und Aquarellverläufe. Die rosé-braunen Mitteltöne sorgen für Wärme, ohne ins Pinke zu gehen, und halten Florales elegant. Geeignet für botanische Drucke, Journal-Seiten und sanfte Markenillustrationen. Anwendungstipp: Größere Flächen zunächst im hellsten Sepia anlegen, dann mit dunkleren Tönen für Stiele und Schatten Tiefe schaffen.

Beispielbild von Sepia Bloom, erstellt mit media.io

15) Claystone Modern

HEX: #553a2f #775549 #a37a6a #d9c7bf #2f2b2a

Stimmung: architektonisch, modern, geerdet

Am besten geeignet für: Brand-Stil-Guide

Architektonisch und geerdet erinnern diese Farben an Lehmputz, Steinarbeitsflächen und Kohledetails. Das dunkle Neutral hält Layouts scharf, während die zurückhaltenden Lehm-Mitteltöne auf großen Flächen elegant wirken. Eine clevere Wahl für Styleguides, die sicher und modern aussehen sollen. Anwendungstipp: Wählen Sie einen Mittleton als Markenfarbe und nutzen Sie den hellsten Ton flächig für luftige Seitenhintergründe.

Beispielbild von Claystone Modern, erstellt mit media.io

16) Toffee Noir

HEX: #3b261f #6a3f30 #a06344 #d2a17e #f4e6d8

Stimmung: stimmungsvoll, luxuriös, kontrastreich

Am besten geeignet für: Parfüm-Werbeanzeige

Stimmungsvoll und luxuriös wirkt diese Palette wie dunkle Schokolade, Toffee-Glasur und samtige Schatten. Der starke Kontrast zwischen Schwarzbraun und Creme lässt Produktbotschaften hochwertig und entschieden erscheinen. Perfekt für glänzende Anzeigen, Hero-Banner und Verpackungen, bei denen Dramatik auffallen soll. Tipp: Halten Sie den Hintergrund dunkel und setzen Sie mit Creme Flasche und Keytext ins Rampenlicht.

Beispielbild von Toffee Noir, erstellt mit media.io

17) Canyon Paper

HEX: #5e3d2c #8b5c43 #b9835f #e0c2a8 #f7efe6

Stimmung: sonnenbeschienen, natürlich, handgemacht

Am besten geeignet für: Flyer-Design

Sonnenbeschienen und handgemacht erinnern diese Canyon-Töne an handgeschöpftes Papier, Sandstein und warmen Staub. Die Mitteltöne sind kräftig genug für aussagekräftige Überschriften, während die helle Basis die Wirkung insgesamt leicht hält. Ideal für Community-Flyer, Workshops und lokale Events, die einladende Wärme brauchen. Tipp: Den dunkelsten Braunton für Fließtext nutzen und den Terrakotta-Ton für Datum- und Ortsangaben hervorheben.

Beispielbild von Canyon Paper, erstellt mit media.io

18) Bark and Butter

HEX: #4a3426 #6d4c35 #9a6f4a #e7d6b5 #fff6e6

Stimmung: herzhaft, gemütlich, einladend

Am besten geeignet für: Bäckereilogo und Verpackung

Herzhaft und gemütlich erinnern diese Farben an geröstete Kruste, gebräunte Butter und Kraftpapiertüten. Die butterigen Helltöne erfrischen das Set, sodass es freundlich und nicht schwer wirkt. Ideal für Bäckerei-Logos, Aufkleber und kleine Verpackungen. Anwendungstipp: Das Logo im dunkelsten Rindenton setzen und Butter als Negativfläche für klare Markenwirkung auch im kleinen Format nutzen.

Beispielbild von Bark and Butter, erstellt mit media.io

19) Umber Glacier

HEX: #5a3f33 #7b5f54 #a08a84 #c7d3dc #f3f7f9

Stimmung: frisch, zurückhaltend, modern

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

Frisch und zurückhaltend wirkt diese Kombination wie warmer Stein in eiskalter Morgenluft. Die kühlen Blau-Grautöne halten das Braun klar, was digitale Designs modern und sauber erscheinen lässt. Für Umber-Kombinationen in Apps ist dies ideal, wenn Wärme gefragt ist, aber ein Retro-Look vermieden werden soll. Anwendungstipp: Illustrationen im weichen Blau-Grau anlegen und das dunkelste Braun für Hauptaktionen und Schritt-Titel zurückhalten.

Beispielbild von Umber Glacier, erstellt mit media.io

20) Cacao Cherry

HEX: #3f2722 #6b3a33 #8f4a3f #b77a6f #f1e3dc

Stimmung: kräftig, romantisch, dramatisch

Am besten geeignet für: Feine Schokoladentafel-Verpackung

Kräftig und romantisch erinnert diese Mischung an Kakaonibs, Kirsch-Noten und dunkle, glänzende Verpackung. Das rosige Braun setzt einen sinnlichen Akzent, der das Farbschema wärmer wirken lässt. Eine starke Umber-Palette für Gourmet-Lebensmittelverpackungen, wo Wärme und Appetit wichtig sind. Tipp: Den dunkelsten Ton als Verpackungsbasis wählen und das helle Creme für Zutaten- und Barcodefelder nutzen.

Beispielbild von Cacao Cherry, erstellt mit media.io

21) Museum Earth

HEX: #4b3528 #6f4f3a #9b7859 #c7b29d #ece3d6

Stimmung: kuratiert, intellektuell, zeitlos

Am besten geeignet für: Museumsausstellungs-Poster

Kuratiert und zeitlos erinnern diese Erdtöne an Archivdrucke, geschnitzte Holzrahmen und Galeriewände. Der logische Verlauf von dunkel nach hell gibt Typografie und Bildunterschriften ein durchdachtes Gefühl. Für Kultur-Plakate, Vortragsreihen und Identitätssysteme, wo es auf Raffinesse ankommt. Anwendungstipp: Bildmotive im hellsten Neutral einrahmen und für Abschnittsbänder das mittlere Braun nutzen, um das Auge zu führen.

Beispielbild von Museum Earth, erstellt mit media.io

Welche Farben passen gut zu Umber?

Umber harmoniert wundervoll mit cremigem Weiß, Pergament und warmen Grautönen – damit bleiben Layouts luftig, während Braun satt wirkt und nicht schwer. Für Branding und Verpackung mit Klarheit ist das die sicherste Richtung.

Für mehr Kontrast können kühler Schiefer, Blau-Grau oder Grün-Schwarz hinzugenommen werden, um das Farbschema moderner zu machen. Für mehr Wärme und Appetit sorgen Akzente in Terrakotta, Kupfer oder gedecktem Gewürzorange.

Umber funktioniert auch mit sanftem Rosébraun und Altrosa für einen romantischen, redaktionellen Look – vor allem in Illustration, Papeterie und Lifestyle-Fotografie.

Wie Sie eine Umber-Farbpalette in echten Designs verwenden

Starten Sie mit einem hellen Neutral als Grundfläche (Creme, Nebel, Pergament) und nutzen Sie Umber für Überschriften, Rahmen und wichtige UI-Elemente. Das verhindert den „Matsch-Look“, der bei zu viel Mittelbraun entstehen kann.

Wählen Sie eine Akzentfarbe (Terrakotta, Messinggold, Schiefer oder Kiefer) und reservieren Sie diese für Handlungsaufforderungen, Icons oder Abschnittstrenner. Ein konsistenter Akzent lässt das Umber-Farbschema geplant und skalierbar wirken.

Im Druck glänzt Umber auf Oberflächen wie Kraft- oder Naturpapier; digital empfiehlt es sich, den Kontrast leicht zu erhöhen (dunkler Text, helle Flächen), um Barrierefreiheit und Lesbarkeit zu gewährleisten.

Erstellen Sie Umber-Palette-Bilder mit KI

Wenn Sie bereits HEX-Codes haben, können Sie damit stimmige Mockups erstellen, indem Sie das Produkt oder Layout (Verpackung, UI, Poster usw.) und die gewünschte Stimmung – gemütlich, modern, editorial oder naturverbunden – beschreiben.

Nutzen Sie die Prompts unter jeder Palette als Ausgangspunkt und tauschen Sie das Motiv (z.B. „Kaffeebeutel“ gegen „Kerzenetikett“) aus, während Sie Licht und Kompositionshinweise für einheitliche Ergebnisse übernehmen.

Erstellen Sie mehrere Varianten, wählen Sie die stärkste Bildkomposition und verwenden Sie die gleiche Palette für alle Assets, um Ihr Brand-System visuell einheitlich zu halten.

Weiter: Bibliotheks-Farbpalette