Rainy Day Farbpaletten: 20 inspirierende Ideen mit Hex-Codes

Eine Farbpalette für regnerische Tage baut auf nebligen Grautönen, sanften Blautönen und gedeckten warmen Neutralfarben auf – Töne, die beruhigend, modern und unkompliziert im Design wirken.

Nachfolgend finden Sie 20 sorgfältig ausgewählte Farbpaletten für regnerische Tage (mit HEX-Codes), die Sie für UI, Branding, Verpackungen und Druck verwenden können – plus KI-Prompts, um passende Visualisierungen in Media.io zu generieren.

Warum funktionieren Farbpaletten für regnerische Tage so gut?

Regenfarben sind von Natur aus dezent, was sie selbst in schlichten Layouts ausgefeilt und „designt“ wirken lässt. Durch die geringere Sättigung der Farbtöne übernehmen Typografie und Abstände eine größere gestalterische Rolle – ideal für moderne, minimalistische Visuals.

Diese Paletten erzeugen außerdem sofort Tiefe. Sanfte Grautöne und Schieferblau bilden verlässliche Hintergrundebenen, während ein wärmerer Akzent (Taupe, Karamell, Terrakotta) dem Design Kälte oder Kühle nimmt.

Vor allem sind Regentags-Paletten flexibel für verschiedene Medien einsetzbar. Sie funktionieren sowohl digital als auch im Druck und harmonieren mit Schwarzweißfotografie, Texturen und ruhigen Verläufen.

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

1) Nebliger Gehweg

HEX: #D9DEE3 #A9B1BA #6B7682 #3C444E #C8B7A6

Stimmung: ruhig, neblig, geerdet

Am besten für: minimalistisches SaaS-Dashboard-UI

Ruhig und neblig wie frühe Schritte auf einem feuchten Gehweg – diese Töne wirken sauber, ohne kühl zu erscheinen. Verwenden Sie das helle Grau als Leinwand und schaffen Sie mit Schiefer und Anthrazit Hierarchien für Navigation und Diagramme. Das warme Taupe verleiht dem Interface Menschlichkeit und verhindert einen allzu industriellen Eindruck. Tipp: Reservieren Sie das tiefste Anthrazit für wichtige CTAs und aktive Zustände, um einen klaren Kontrast zu gewährleisten.

Beispielbild für „nebliger Gehweg“, generiert 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 kostenlos ausprobieren

2) Regenschirm Noir

HEX: #0F1115 #2B2F36 #5A606B #B7BDC6 #E6E1D6

Stimmung: cineastisch, elegant, kontrastreich

Am besten für: Luxus-Mode-Branding

Cineastisch und elegant, erinnert diese Palette an glänzende Regenschirme und Stadtlichter, die sich in nassen Straßen spiegeln. Lassen Sie das Beinahe-Schwarz und Graphit Logos, Etiketten und Typografie für hochwertigen Charakter verankern. Blasses Grau und warmes Off-White schaffen Raum für Editorial-Layouts und Produktfotografie. Tipp: Kombinieren Sie mit einer einzelnen Metallic-Folie oder Spotlack, um fühlbaren Kontrast zu erzeugen, ohne neue Farben hinzuzufügen.

Beispielbild für „Regenschirm Noir“, generiert mit media.io

3) Pfützenreflexion

HEX: #8FA3B6 #4E6A7D #2F3E4A #D7D2C8 #A4B58A

Stimmung: frisch, reflektierend, luftig

Am besten für: Header für Öko-Lifestyle-Blog

Frisch und reflektierend – als spiegle sich blasser Himmel in einer Pfütze mit einem Hauch frischen Laubs. Diese Regentagsfarben eignen sich gut für Blog-Header, die ruhige Struktur mit einem sanften organischen Akzent verbinden. Nutzen Sie die Blaugraus für Typografie und Overlays, Moosgrün für Buttons oder Tags. Tipp: Behalten Sie Beige als Hintergrund, um Wärme und Lesbarkeit zu sichern.

Beispielbild für „Pfützenreflexion“, generiert mit media.io

4) Wolkendurchbruch-Tee

HEX: #F2EFEA #C9D2D7 #93A3AD #6B7A86 #B88C6A

Stimmung: gemütlich, sanft, einladend

Am besten für: Café-Menü-Design

Gemütlich und sanft, erinnert diese Palette an warmen Tee am Fenster, während die Wolken langsam aufreißen. Die cremige Basis eignet sich gut für Fließtext, kühle Grautöne für Abschnitte und Preise. Ein gedecktes Karamell ist ideal für Highlights wie saisonale Specials oder Icons. Tipp: Verwenden Sie das Karamell sparsam, damit das Menü ruhig und hochwertig bleibt.

Beispielbild für „Wolkendurchbruch-Tee“, generiert mit media.io

5) Nasser Asphalt

HEX: #1C2127 #343C45 #59636E #9AA4AF #D0D5DB

Stimmung: urban, beständig, professionell

Am besten für: B2B-Landingpage-UI

Urban und beständig – dieser Look erinnert an nassen Asphalt im diffusen Licht. Verwenden Sie die dunkleren Grau-Töne für Helden-Header und Navigation, um Vertrauen und Sicherheit zu vermitteln. Helle Neutraltöne sorgen bei Formen und Feature-Blöcken für gute Lesbarkeit, besonders auf langen Seiten. Tipp: Geben Sie großzügige Abstände und runde Ecken, um das Farbbild aufzulockern und schwere Wirkung zu vermeiden.

Beispielbild für „Nasser Asphalt“, generiert mit media.io

6) Gemütliches Fensterlicht

HEX: #EFE6D8 #C8B6A6 #8B8F97 #4C565F #6F4B3E

Stimmung: warm, introspektiv, tröstlich

Am besten für: Buchcover-Design

Warm und introspektiv, wie Sonnenlicht an einem verregneten Nachmittag auf einen alten Sessel fällt. Kombinieren Sie cremiges Beige mit sanftem Grau für gut lesbare Titeltypografie und dezente Texturen. Der tiefe Espresso-Ton bringt literarisches Gewicht in Autorenname oder Buchrücken. Tipp: Probieren Sie Papierstruktur-Overlays, damit die Neutralfarben haptisch statt flach wirken.

Beispielbild für „Gemütliches Fensterlicht“, generiert mit media.io

7) Nieselgarten

HEX: #DDE6D6 #A7BCA0 #6F8A6B #3E5740 #5B6269

Stimmung: botanisch, ruhig, wohltuend

Am besten für: botanisches Illustrationsposter

Botanisch und wohltuend, erinnert diese Palette an regennasses Laub und Steinpfade nach leichtem Nieselregen. Diese Regentags-Farbkombination eignet sich für natürliche Poster, Wellnessmarken und Verpackungen mit grünem Storytelling. Verwenden Sie das helle Salbei als Freifläche und den tiefen Waldton für Stängel, Überschriften oder Rahmen. Tipp: Lassen Sie das kühle Grau als Schattenfarbe, um Tiefe zu erhalten, ohne Schwarz hinzuzufügen.

Beispielbild für „Nieselgarten“, generiert mit media.io

8) Hafen-Nebel

HEX: #E3E7EA #B8C1C8 #7D8E9C #3F5564 #2A333B

Stimmung: kühl, maritim, ausgeglichen

Am besten für: Reisebroschüre-Layou

Kühl und ausgeglichen, erinnert diese Palette an einen ruhigen Hafen im Nebel mit zurückhaltender stahlblauer Tiefe. Die hellen Töne lassen Fotostrecken luftig erscheinen, tiefere Blautöne geben Überschriften und Trennern Gewicht. Sie harmoniert gut mit Schwarzweißfotos und schlichten Karten-Icons. Tipp: Verwenden Sie den dunkelsten Farbton für kleineren Text nur mit ausreichend Zeilenabstand.

Beispielbild für „Hafen-Nebel“, generiert mit media.io

9) Schiefer und Fichte

HEX: #C7CED6 #6D7F8C #2F3A44 #2F4A3A #D6C6B3

Stimmung: naturverbunden, geerdet, modern

Am besten für: Produktseite Outdoor-Ausrüstung

Naturverbunden und geerdet – diese Palette erinnert an Schiefergestein und Fichtennadeln nach einem langen Regenschauer. Verwenden Sie die Schiefern für Produktspezifikationen und UI-Elemente, bringen Sie das Fichtengrün für primäre Buttons oder Badges ein. Der warme Sandton mildert die Gesamttemperatur und passt gut als Hintergrund für Lifestyle-Fotos. Tipp: Begrenzen Sie Grün auf einige zentrale Aktionen, damit es bewusst und nicht dekorativ wirkt.

Bildbeispiel von Schiefer und Fichte generiert mit media.io

10) Metro Regenmantel

HEX:#F2F4F6#B7C0C8#4B5964#F2C14E#2B2F33

Stimmung:modern, energisch, Pendler-Chic

Am besten für:Veranstaltungsplakat design

Modern und Pendler-Chic bringt es den pop eines Regenmantels gegen eine graue Plattform. Dieses Farbschema für regnerische Tage ist großartig, wenn Sie eine neutrale Basis mit einem optimistischen Akzent brauchen, der schnell Aufmerksamkeit erregt. Verwenden Sie Gelb für den Ereignistitel und die wichtigsten details, während Grau Hintergrundblöcke und unterstützenden text behandelt. Tipp: Behalten Sie das Gelb in großen Formen und Überschriften, damit es lebendig bleibt, ohne sich laut zu fühlen.

Bild Beispiel für metro Regenmantel generiert mit media.io

11) Kerze im Sturm

HEX:#1E2328#3F4A52#8b949#E7D7B8#C77C5A

Stimmung:Stimmungsvoll, intim, warm-leuchtend

Am besten für:handwerkliche Kerzenverpackung

Stimmungslos und intim, es fühlt sich an wie eine Kerzenflamme, die einen stürmischen Raum erwärmt. Verwenden Sie Holzkohle und Schiefer für die Etikettenbasis und lassen Sie die wachsige Creme der Typographie einen sanften Glanz verleihen. Eine gedämpfte Terrakotta funktioniert wunderbar für Siegel, Duftnoten oder kleine Musterdetails. Tipp: Wählen Sie mattes Papier und halten Sie die Terrakotta auf kleinen Flächen, um einen ruhigen, gehobenen look zu erhalten.

Bildbeispiel von Kerze im Sturm generiert mit media.io

12) Regentag Minimal

HEX:#FFFFFF#E6EAEE#B9C2C9#6F7C86#2E353C

Stimmung:Sauber, luftig, unkompliziert

Am besten für:mobile app onboarding Benutzeroberfläche

Sauber und luftig, es deutet auf helles bewölktes Licht mit scharfen Kanten hin. Verwenden Sie weiß und hellgrau für Bildschirme, die Klarheit benötigen, und treten Sie dann in slate für Kopfzeilen und Fortschrittsindikatoren. Der dunkelste Ton ist ideal für primären text und Symbolstriche. Tipp: Fügen Sie einen einzigen subtilen Verlauf zwischen den beiden hellsten Farben hinzu, damit sich Flachbildschirme nicht steril anfühlen.

Bildbeispiel von rainy day minimal generiert mit media.io

13) Kakao und Beton

HEX:#E9E0D6#B8A89A#7A6F68#3E3A38#4A6A73

Stimmung:Erdig, städtisch, gemütlich-modern

Am besten für:Soziale Vorlagen für Kaffeemarken

Erdig und urban, fühlt es sich an wie Kakaowärme gegen Betonwände und regenblaue Schatten. Die cremebeige Farbe eignet sich perfekt für Hintergründe und Story-Vorlagen, während die kakaobraune Farbe Markencharakter verleiht. Ein gedämpftes Blau-Grün gibt Ihnen einen cooleren Kontrapunkt für Aufkleber, Preise oder callouts. Tipp: Verwenden Sie konsistente Typgewichte, damit die palette eher absichtlich als rustikal ausläuft.

Bildbeispiel von Kakao und Beton erzeugt mit media.io

14) Weicher Donner

HEX:#D6D9DE#9FA8B3#5A6673#2C3440#7B6D8D

Stimmung:stürmisch, elegant, leicht verträumt

Am besten für:Hochzeitseinladung suite

Sturmisch und elegant, ruft er fernen Donner hervor, der durch Nebel und einen Hauch von Dämmerungsviolett erweicht wird. Eine Farbpalette für Regentage wie diese passt zu modernen Einladungen, wo Sie Romantik ohne zuckerhaltige Pastelle wollen. Verwenden Sie Hellgrau als Papierton, Schiefer für Typ und Violett für Monogramme oder Wachsversiegelung Grafiken. Tipp: Drucken Sie violett als Fleckfarbe, um es reich und konsistent über die Stücke hinweg zu halten.

Bildbeispiel von soft thunder generiert mit media.io

15) Papierboot Pastelle

HEX:#F7F3EF#D9DCE8#B8C7D6#8FA0A8#E3B7A0

Stimmung:weich, nostalgisch, spielerisch-ruhig

Am besten für:Kinder Schreibwaren set

Weich und nostalgisch fühlt es sich an wie gefaltete Papierboote, die durch sanfte Pfützen schweben. Verwenden Sie den Blush-Akzent für kleine Illustrationen und Aufkleber, während die blau-grauen Farben das set ruhig und angenehm für die Augen halten. Es passt gut zu einfachen doodles, abgerundeter Typografie und vielen Leerzeichen. Tipp: Halten Sie die Umrisse in der mittleren Grau-Blau, damit das Kunstwerk eher leicht als rau bleibt.

Bildbeispiel von paperboat pastels generiert mit media.io

16) Monsun Poster

HEX:#0E2A3B#17465B#2E7C8A#A7C6C8#E9E6DF

Stimmung:kühn, küstlich, regengetränkt

Am besten für:Musikfestival flyer

Mut und regengetränkt, leitet es Monsunhimmel, der auf Küstenwasser trifft. Der tiefe blues stellt eine dramatische Bühne für große Typen, während teal Bewegung für Formen und Verläufe hinzufügt. Blasser Meeresschaum und warmes off-white sorgen dafür, dass der flyer auch mit dichten Informationen lesbar ist. Tipp: Verwenden Sie einen zweifarbigen Verlauf zwischen blau und marineblau für einen dynamischen Hintergrund, ohne zusätzliche Farbtöne hinzuzufügen.

Bild Beispiel von monsoon poster generiert mit media.io

17) Regengewaschene Denim

HEX:#E1E6ED#A9B7C9#6D84A3#3E556F#2B2F36

Stimmung:Lässig, zuverlässig, kühl getönt

Am besten für:denim Produktanzeige

Lässig und zuverlässig, es sieht aus wie denim durch Regen verdunkelt, aber immer noch knusprig. Verwenden Sie das hellblau-graue als Hintergrundraum und die mittlere Jeans für Blöcke und Abzeichen. Die tiefe Marine und Holzkohle machen Produktnamen und Preise pop-up, ohne zu schreien. Tipp: Halten Sie die Typografie einfarbig und lassen Sie die Denim-Töne die Geschichte erzählen.

Bildbeispiel von regengewaschenen denim erzeugt mit media.io

18) Sturmblüte

HEX:#2A2E35#55606B#A9B3BC#D7D1C6#B06A7A

Stimmung:Romantisch, modern, leicht dramatisch

Am besten für:Kosmetikverpackungen

Romantisch und leicht dramatisch fühlt es sich an wie Blütenblätter gegen einen stürmischen Himmel. Eine Farbpalette für regnerische Tage mit einem staubigen Rosenakzent eignet sich perfekt für Beauty-Verpackungen, die Weichheit möchten, ohne Kante zu verlieren. Verwenden Sie die Grau für das Basis-Etikettensystem und lassen Sie die rose dann Farbnamen oder Siegel tragen. Tipp: Drucken Sie die rose auf einem warmen beigen Hintergrund, um sie eher raffiniert als zuckersüß zu halten.

Bild Beispiel von stormy bloom generiert mit media.io

19) Leuchtturm nach Regen

HEX:#F3F0E9#C8D2D8#6E7F8A#1F3B4D#C65A3A

Stimmung:nautisch, hoffnungsvoll, knackig

Am besten für:Geschäftsbericht der gemeinnützigen Organisation

Nautisch und hoffnungsvoll deutet es auf einen Leuchtturmstrahl hin, der durch den anhaltenden Regen schneidet. Verwenden Sie off-white für langen Lesekomfort und stellen Sie dann Überschriften in deep ocean blue für Autorität. Das gedämpfte Orange-Rot macht einen starken Akzent für charts, callouts und Schlüsselmetriken. Tipp: Behalten Sie den Akzent auf eine oder zwei Datenreihen, damit Graphen sofort lesbar bleiben.

Bild Beispiel von Leuchtturm nach Regen generiert mit media.io

20) Nachtbusfenster

HEX:#0B0F14#1F2A35#3B556B#7A92A6#D8D3C7

Stimmung:Nachtlich, reflektierend, technisch-ruhig

Am besten für:fintech app dark mode Benutzeroberfläche

Nachtlich und reflektierend fühlt es sich an wie Straßenlaternen, die nachts über ein Busfenster streifen. Verwenden Sie nahezu schwarz und tiefblau als Grundlage für den dunklen Modus, dann heben Sie Oberflächen mit Schiefer und Nebelblau für Karten. Die warm light neutral funktioniert gut für highlights und freundliche Leerzustände. Tipp: Verwenden Sie misty blue für Fokusringe, um die Zugänglichkeit ohne harten neon zu gewährleisten.

Bild Beispiel für Nachtbus Fenster generiert mit media.io

Welche Farben passen zu Regentagen?

Rainy Day-Paletten passen am besten zu anderen gedämpften Tönen: weiches Weiß, Nebelgrau, Schieferblau und desaturiertes Grün. Diese halten Ihre Komposition ruhig und lesbar, vor allem für UI und redaktionelles design.

Zum Kontrast fügen Sie einen warmen Akzent wie Karamell, Terrakotta, staubige rose oder gedämpftes Orange-Rot hinzu. Warme Akzente funktionieren besonders gut, wenn die Basis kühl ist (blau-grau/holzkohle), weil sie Fokus schaffen, ohne zu schreien.

Wenn Sie einen hochwertigeren look wünschen, kombinieren Sie stürmische Neutrale mit fast schwarz und einem off-white (anstelle von reinem Weiß). Diese subtile Wärme fühlt sich im Druck taktiver an und auf dem Bildschirm bequemer an.

Wie verwendet man eine Farbpalette für Regentage in echten Designs?

Beginnen Sie mit einem hellen „bewölkten "Hintergrund (neblig grau oder warmes off-white), wählen Sie dann einen Mittelton für Struktur (Karten, Abschnitte, Trennteile) und einen tiefen Ton für text und navigation. Dadurch bleibt die Hierarchie klar, auch wenn die Farben subtil sind.

Verwenden Sie Akzente absichtlich: Reservieren Sie die hellste oder wärmste Farbe für primäre Schaltflächen, Schlüsselmetriken oder Titel. Bei Regentagsschemata geht ein kleiner Akzent weit, sodass Sie die Gesamtstimmung zusammenhalten können.

Schließlich stützen Sie sich auf Textur und Bilder. Körner, Papierüberlagerungen und monochrome Fotografie machen gedämpfte Paletten reichhaltig – ohne zusätzliche Sättigung zu benötigen.

Erstellen Sie Regentag-Paletten-Visuals mit KI

Wenn Sie palettenpassende mockups (Poster, Verpackungen, UI-Bildschirme) wünschen, generieren Sie sie mit KI mit einem konsistenten Eingabestil und Ihrer gewählten hexagonalen Richtung für regnerische Tage (Nebel, Schiefer, Holzkohle und ein warmes highlight).

In Media.io können Sie schnell wiederholen: Passen Sie die „dominanten Farben "an, tauschen Sie den Akzent (Gelb vs. Terrakotta) und behalten Sie die gleiche Layoutaufforderung bei, um Optionen nebeneinander zu vergleichen.

Sobald Ihnen der look gefällt, exportieren Sie die Bilder für Präsentationen, Moodboards oder Kundengenehmigungen – und bauen Sie dann Ihr endgültiges Designsystem um die Gewinnerpalette herum.

Weiter: Grün-Burgunder Farbpalette