Moderne Shadow-Töne: 20 Farbkombinationen mit HEX-Codes

Schattierte Farbpaletten treffen genau den Mittelweg zwischen kräftigem Kontrast und ruhiger Neutralität, wodurch sie sich problemlos für UI, Print- und Markenauftritte einsetzen lassen.

Hier findest du 20 moderne Schattenfarbpaletten-Kombinationen mit HEX-Codes sowie praktische Tipps zur Zusammenstellung und KI-Prompts, die du für schnelle visuelle Mockups wiederverwenden kannst.

Warum Schattenpaletten so gut funktionieren

Schattenpaletten basieren auf Beinahe-Schwarz, Anthrazitgrau und weichen Akzenttönen. So entsteht ganz natürlich eine Hierarchie, ohne aufdringlich zu wirken. So erhältst du Tiefe und Struktur, selbst wenn das Layout minimal bleibt.

Außerdem funktionieren sie sowohl auf digitalen Geräten als auch im Druck gut, da sie Extreme wie reines Schwarz oder knallige Farben meiden. Dadurch bleiben Farbverläufe weicher, die Typografie ruhiger und Hintergründe verzeihender.

Das Wichtigste: Schattentöne lassen Akzente gewollt erscheinen. Schon eine einzelne Note von Mauve, Kupfer, Türkis oder Olive kann Persönlichkeit verleihen, während die neutrale Basis alles zusammenhält.

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

1) Mitternachtsschleier

HEX: #0f1116 #242833 #3b4252 #7a8090 #d8d9df

Stimmung: mysteriös, klar, kontrastreich

Ideal für: Dark-Mode SaaS Dashboard UI

Geheimnisvoll und klar, wie Stadtlichter, die durch nächtlichen Dunst schneiden. Perfekt für Dark-Mode-Layouts, bei denen Hierarchie zählt und Text klar und scharf bleiben muss. Kombiniere tiefes Anthrazit mit hellem Grau für Lesbarkeit und nutze Schiefer als mittleren Ton für Karten und Panels. Tipp: Reserviere den hellsten Ton für zentrale Kennzahlen und Hauptbuttons, um den Fokus präzise zu halten.

Bildbeispiel für Mitternachtsschleier, generiert mit media.io

Media.io

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

Jetzt kostenlos ausprobieren

2) Graphitblüte

HEX: #1a1b1f #2f323a #4a4f5c #8e90a0 #cbb6c9

Stimmung: modern, weich, leicht romantisch

Ideal für: Beauty-Markenidentität-Set

Modern und samtig, wie Graphitstaub mit einem Hauch von Blüten. Ideal für die Beauty-Branding, wenn Eleganz gefragt ist, ohne zu pastellig zu werden. Verankere Logos und Schrift in tiefem Graphit, bringe Mauve-Töne über Akzente und Muster ein und halte Hintergründe in kühlen Grautönen, damit das Rosé gezielt eingesetzt und nicht zu süß wirkt.

Bildbeispiel für Graphitblüte, generiert mit media.io

3) Rauch und Maulbeere

HEX: #16131a #2c2431 #4d3a55 #7f6a86 #cfc6d6

Stimmung: stimmungsvoll, luxuriös, kreativ

Ideal für: Albumcover-Grafik

Stimmungsvoll und luxuriös, wie Weihrauch, der durch einen Samtraum zieht. Diese Töne passen zu Musikvisuals, Indie-Releases und filmischen Covern mit dramatischer Note. Setze Maulbeere über nahezu Schwarz für fette Typografie und nutze Lavendelgrau zum Aufweichen des Rahmens für Tiefe. Tipp: Ein dezentes Rauschen in dunklen Bereichen hält den Look lebendig anstatt platt.

Bildbeispiel für Rauch und Maulbeere, generiert mit media.io

4) Tintenstein-Leinen

HEX: #121418 #2a2d33 #545a63 #a8abb0 #efe6d8

Stimmung: editorial, geerdet, zeitlos

Ideal für: Magazin-Featurelayout

Geerdet und redaktionell, wie Tinte auf strukturiertem Leinen. Diese Schattenfarben sind ideal für längere Lesestrecken, da der Kontrast angenehm und nicht scharf ist. Nutze das warme Leinen für Randbereiche und Leerraum, strukturiere mit anthrazitfarbenen Linien und Schiefer als Unterüberschriften. Tipp: Setze Fließtext in mittlerem Dunkelgrau, um die Augen bei dichten Seiten zu schonen.

Bildbeispiel für Tintenstein-Leinen, generiert mit media.io

5) Dämmerungsorchidee

HEX: #14121a #2a2436 #443a57 #6e6a86 #d9d3e8

Stimmung: verträumt, elegant, zurückhaltend

Ideal für: Hochzeitseinladungs-Set

Verträumt und elegant, wie Orchideen bei Zwielicht. Optimal für Einladungen, die Romantik suchen ohne grelle Blüten, besonders für Abendveranstaltungen. Kombiniere das dunkle Violett mit zartem Flieder für Schrift und Monogramme, verwende die grauen Töne für Rahmen und Details. Tipp: Auf ungestrichenem Papier drucken, damit die dunklen Töne weich und nicht glänzend bleiben.

Bildbeispiel für Dämmerungsorchidee, generiert mit media.io

6) Nebelgebundene Kiefer

HEX: #101416 #253033 #3f5653 #7f928b #d7ddd8

Stimmung: ruhig, naturverbunden, ausgewogen

Ideal für: Öko-Verpackungsdesign

Ruhig und naturverbunden, wie Kiefernnadeln, die im Morgennebel verschwinden. Ideal für nachhaltige Verpackungen, die Natürlichkeit vermitteln, ohne knalliges Grün. Nutze tiefes Türkis-Anthrazit für Etiketten und das helle Nebelgrau für Weißraum und Zutatenfelder. Tipp: Eine matte Oberfläche macht die dunklen Farben erdig und hochwertig.

Bildbeispiel für nebelgebundene Kiefer, generiert mit media.io

7) Ascherose

HEX: #1b1316 #332026 #5a3540 #9b6d79 #e7d6db

Stimmung: rauchig, warm, intim

Ideal für: Restaurant-Menüdesign

Rauchig und warm, wie Glut unter roséfarbenem Aschestaub. Perfekt für Menüs und Gastrokonzepte, bei denen es um Intimität und Appetitanregung geht, ohne grelle Farben. Setze Überschriften in der dunkelsten Nuance, benutze staubiges Rosé für Trenner und Highlights. Tipp: Das hellste Rosa-Beige für Papier oder Hintergrundbereiche verwenden, damit das Gesamtbild nicht zu schwer wirkt.

Bildbeispiel für Ascherose, generiert mit media.io

8) Schattenhafen

HEX: #0e1418 #1f2a30 #334851 #6f8791 #d2dde1

Stimmung: kühl, nautisch, professionell

Ideal für: Finanz-Landingpage-UI

Kühl und ruhig, wie ein Hafen bei Dämmerung mit stahlblauem Wasser. Passt zu Finanz- und Beratungsseiten, die Vertrauen, Struktur und Modernität vermitteln sollen. Setze das dunkle Blau-Schwarz für Überschriften und Hauptbereiche ein, kombiniere gedämpfte Blautöne für Karten und Diagramme. Tipp: Calls-to-Action im hellsten Ton mit dunkler Schrift für einen klaren, souveränen Klickpfad einsetzen.

Bildbeispiel für Schattenhafen, generiert mit media.io

9) Stilles Obsidian

HEX: #0b0c0f #1a1c22 #2f323b #5b606d #bfc3cc

Stimmung: minimalistisch, fokussiert, hochwertig

Ideal für: Fotografie-Portfolio-Website

Minimalistisch und fokussiert, wie Obsidian mit sanftem Glanz poliert. Perfekt für Portfolios, bei denen das Werk im Vordergrund steht und das Interface fast unsichtbar bleiben soll. Baue Ebenen mit feinen Graustufen auf, damit Galerien, Bildunterschriften und die Navigation stimmig wirken. Tipp: Vermeide reines Schwarz auf großen Flächen, sondern benutze das Beinahe-Schwarz, damit auf unterschiedlichen Displays Details sichtbar bleiben.

Beispielbild von ruhigem Obsidian, generiert mit media.io

10) Slate Lavender

HEX: #15161b #2a2d38 #4a4f66 #8c90ab #e4e3f0

Stimmung: ruhig, technisch, einladend

Ideal für: Health-App-Onboarding-Bildschirme

Ruhig und einladend, wie Lavendelnebel über kühlem Schiefer. Diese Farbtöne eignen sich gut für Gesundheits- oder Gewohnheits-Apps, bei denen Beruhigung wichtiger ist als Intensität. Verwenden Sie Schiefer für primäre UI-Flächen und setzen Sie Lavendel bei Icons und Fortschrittsanzeigen ein. Tipp: Halten Sie den Kontrast konsistent, indem Sie den hellsten Ton für Hintergrundflächen und den dunkelsten Ton für wichtige Beschriftungen nutzen.

Beispielbild von Slate Lavender, generiert mit media.io

11) Coal and Clay

HEX: #14100e #2b221d #4e3c33 #8a7162 #e7dccf

Stimmung: erdig, haptisch, rustikal

Ideal für: Keramikstudio-Branding

Erdig und haptisch, wie Kohlestaub auf warmer Tonerde. Die Palette passt zu Handwerkern, Töpfereien und Marken, die ehrliche Materialien und Bodenständigkeit vermitteln möchten. Setzen Sie Tiefbraun-Schwarz für Logos und Stempel ein, während Ton-Beige für Verpackungen und Bons benutzt wird. Tipp: Fügen Sie ein einzelnes strukturiertes Muster mit dem Mittelbraun hinzu, um handgemachte Oberflächen anzudeuten, ohne das Design zu überladen.

Beispielbild von Coal and Clay, generiert mit media.io

12) Stormy Plum

HEX: #111016 #262232 #3c314e #6b5b7a #cfc5d6

Stimmung: dramatisch, künstlerisch, raffiniert

Ideal für: Theaterplakat-Design

Dramatisch und raffiniert, wie Sturmwolken über samtigen Pflaumenvorhängen. Diese Schattentöne glänzen auf Postern, wo Tiefe, Kontrast und Erwartung wichtig sind. Verwenden Sie Fast-Schwarz für den Hintergrund, platzieren Sie Pflaume-Typografie und sanfte Lavendelakzente als Führungen für den Blick. Tipp: Halten Sie ein zentrales starkes Element und lassen Sie den dunklen Raum wirken.

Beispielbild von Stormy Plum, generiert mit media.io

13) Ashen Olive

HEX: #121412 #262c24 #3f4a3a #7c8a73 #dde2d6

Stimmung: gedeckt, natürlich, beruhigend

Ideal für: Botanische Aquarellgrafik

Zurückhaltend und beruhigend, wie Olivenblätter im Schatten getrocknet. Perfekt für botanische Kunst, Wellness-Prints und naturnahe Papeterie. Nutzen Sie das helle Grau-Grün als Papierton, bauen Sie Blattformen mit Mitteloliv und tiefem Moos auf. Tipp: Verwenden Sie weiche Kanten und transparente Lasuren, damit die Palette luftig bleibt statt militärisch zu wirken.

Beispielbild von Ashen Olive, generiert mit media.io

14) Phantom Teal

HEX: #0d1416 #1b2a2e #2f4c4f #6f8f91 #d6e1e1

Stimmung: elegant, kühl, futuristisch

Ideal für: Anzeige für Cybersicherheitsprodukt

Elegant und kühl, wie Teal-Licht auf dunklem Glas. Perfekt für Cybersecurity-Anzeigen, die modern, technisch, aber nicht überladen wirken sollen. Nutzen Sie tiefes Teal für Hintergrundflächen und das helle Aqua-Grau für Highlights, Badges und Icon-Linien. Tipp: Halten Sie Farbverläufe subtil und konzentrieren Sie hellere Töne auf kleine Signale wie Statusanzeigen.

Beispielbild von Phantom Teal, generiert mit media.io

15) Moonlit Cocoa

HEX: #120f0e #2a211e #46352e #8a7468 #e9dfd8

Stimmung: gemütlich, warm, hochwertig

Ideal für: Kaffeehaus-Stempelkarte

Gemütlich und hochwertig, wie Kakaodampf im gedimmten Café-Licht. Diese warmen Neutraltöne eignen sich für Kaffee-Branding, Treuekarten und kleine Verpackungen mit einladendem Gefühl. Nutzen Sie den dunkelsten Espressoton für Typografie und Stempel, balancieren Sie mit cremigen Beigetönen und sanftbraunen Akzenten. Tipp: Fügen Sie einen schmalen Rahmen in Mittelbraun hinzu, um das Design einzurahmen, ohne es zu beschweren.

Beispielbild von Moonlit Cocoa, generiert mit media.io

16) Iron Lilac

HEX: #14141a #2b2c3a #45465e #7a7b99 #dad8e6

Stimmung: industriell, weich, zeitgemäß

Ideal für: Architekturstudio-Website

Industriell und doch weich, wie Eisenbalken im abendlich lila Licht. Eignet sich für Architektur- oder Interieurstudios, die technische Präzision mit menschlicher Note verbinden möchten. Die dunkelsten Töne für Navigation und Überschriften, Lila-Grau für Raster, Beschriftungen und Projekt-Tags. Tipp: Viel Weißraum lassen, damit das dezente Lila edel wirkt, nicht dekorativ.

Beispielbild von Iron Lilac, generiert mit media.io

17) Sooty Sandstone

HEX: #151311 #2e2924 #564d44 #9a8f84 #efe7de

Stimmung: traditionsreich, natürlich, dezent

Ideal für: Museums-Flyerdesign

Traditionell und dezent, wie Ruß auf alten Sandsteinmauern. Die Palette ist passend für Museen und Kulturveranstaltungen, die Glaubwürdigkeit und Wärme vermitteln wollen. Dunkelbraun-Grau für Titel und Daten, dazu sandige Neutrale für Hintergründe und Infoflächen. Tipp: Kombinieren Sie eine Serif- mit einer Sans-Serif-Schrift, um den Old-meets-New-Ton einzufangen.

Beispielbild von Sooty Sandstone, generiert mit media.io

18) Ravenberry

HEX: #0f0c12 #251b28 #3f2a3e #7a5d73 #e2d6df

Stimmung: geheimnisvoll, ausdrucksstark, stilvoll

Ideal für: Modeeditorial-Cover

Geheimnisvoll und stilvoll, wie dunkle Beeren unter Rabenfedern. Perfekt für Modeeditorials, die dramatisch und dennoch edel im Druck erscheinen sollen. Setzen Sie Fast-Schwarz für den Cover-Hintergrund ein, bringen Sie Beerentöne in Überschriften und schmalen Linien für einen luxuriösen Look. Tipp: Halten Sie Akzente klein und gezielt, damit die dunklen Töne dominant bleiben.

Beispielbild von Ravenberry, generiert mit media.io

19) Misty Charcoal

HEX: #101114 #23262d #3d424e #7e8596 #e3e6ee

Stimmung: neutral, luftig, verlässlich

Ideal für: Folienset für Präsentation

Neutral und luftig, wie Holzkohle im Küstennebel. Eine sichere, moderne Wahl für Präsentationen, bei denen Diagramme, Zahlen und Überschriften klar zu erkennen sein müssen. Mittel-Kohle für Fließtext, der helle Farbton für Flächen, dunkle Töne für Abschnittstrenner. Tipp: Die hellste Nuance als Panel hinter wichtigen Daten verwenden, um die Lesbarkeit zu erhöhen.

Beispielbild von Misty Charcoal, generiert mit media.io

20) Nocturne Copper

HEX: #120f12 #2a252b #463a45 #9a6b57 #f0e2da

Stimmung: stimmungsvoll, warm, hochwertig

Ideal für: Luxus-Kerzenverpackung

Stimmungsvoll und edel, wie Kupfer im gedämpften Licht. Perfekt für Luxuskerzen, Duftetiketten und Geschenkboxen, die Wärme ohne Helligkeit ausstrahlen sollen. Verwenden Sie Kupfer sparsam für Folienprägungen, setzen Sie vorrangig auf tiefe Pflaume-Kohletöne für die Hauptgestaltung. Tipp: Helles, cremiges Hintergrunddesign, damit metallische Akzente gezielt und wertig erscheinen.

Beispielbild von Nocturne Copper, generiert mit media.io

Welche Farben passen zu Schattennuancen?

Schattentöne harmonieren am besten mit sanften hellen Farben (nebliges Weiß, Leinenbeige, blasse Fliedertöne), denn sie sorgen für Lesbarkeit ohne den harten Bruch von reinem Weiß. Dadurch wirken UI-Flächen und Editorialseiten weicher.

Für Akzente wählen Sie eine zurückhaltende Farbe, die über viele Komponenten hinweg einsetzbar ist: Mauve, Kupfer, Schieferblau, gedecktes Teal oder Ashen Olive. Ist die Basis dunkel-neutral, wirkt selbst eine entsättigte Akzentfarbe gezielt.

Mehr Energie erzeugen Sie durch eine einzelne “Signal”-Farbe in kleinen Dosen (Buttons, Badges, Diagramm-Highlights). Halten Sie das kontrolliert, damit die Palette schattenlastig bleibt und nicht in ein voll bunte Schema wechselt.

Wie man eine Schattenfarbpalette in echten Designs einsetzt

Beginnen Sie mit Rollenbelegung: das Dunkelste für Kopf-/Fußzeilen, Mittel-Dunkel für Hauptflächen, Mittel für Rahmen und Nebenflächen, die hellste Nuance für Cards, Modals oder wichtige Datenhintergründe.

Im Branding sollten Logos und Typografie im tiefsten Neutral verankert sein; Akzente erscheinen auf Verpackungsdetails, Social-Templates oder als Folien-/Spotlack. Shadow-Paletten wirken hochwertig bei konsistenter Wiederholung.

Bei Editorial-Layouts verwenden Sie die dunkelste Farbe nicht flächig. Eine Fast-Schwarz-Basis mit warmen Weißraumrändern wirkt edler und liefert konstant bessere Druckergebnisse.

Schattenpalette-Visuals mit KI erstellen

Haben Sie bereits HEX-Farbwerte, testen Sie Ihre Schattenpalette am schnellsten durch realistische Mockups (UI, Poster, Verpackung) statt alles per Hand vorab zu bauen. So prüfen Sie Kontrast, Stimmung und Akzent-Balance direkt.

Nutzen Sie die Prompts oben, ersetzen Sie das Konzept (Markenart, Layout, Motiv) und behalten Sie die Richtungsgebung der Palette (Kohle, Schiefer, gedeckte Akzente) bei. Besonders nützlich für Pitchdecks und frühe Markenentwicklung.

Mit Media.io erzeugen Sie mehrere Varianten in wenigen Minuten und passen den Prompt gezielt für Licht, Struktur und Komposition an, während der Schattenton erhalten bleibt.

Weiter: Traditionelle Farbpalette