Moderne Gewitterfarben: 20 Farbpaletten mit Hex-Codes für Designer

Gewitter-Farbpaletten kombinieren tiefe Navy-Töne, Schiefergrau und kontrastreiche Akzente, um Designs zu schaffen, die modern, mutig und sofort filmisch wirken.

Unten finden Sie 20 ausgewählte Farbkombinationen zum Thema Gewitter mit HEX-Codes sowie praktische Tipps für Markenbildung, UI, Poster und Verpackungen.

Warum Gewitter-Farbpaletten so gut funktionieren

Gewitterfarben schaffen von Natur aus Hierarchien: Dunkle Basisfarben (Marine, Anthrazit, Schiefer) geben Typografie und UI-Komponenten Stabilität, während hellere Nebeltöne für Lesbarkeit sorgen.

Sie erzeugen außerdem sofort "Stimmung". Stürmisches Blau und kühle Neutraltöne signalisieren Selbstbewusstsein und Professionalität, während ein einziger Blitzakzent (Gelb, Cyan, Bernstein oder Gold) für starken Kontrast sorgt – ohne viele Farben zu benötigen.

Da diese Paletten zwischen neutral und gesättigt liegen, sind sie vielseitig– von eleganten SaaS-Dashboards bis zu filmischen Postern – und bleiben zugleich zeitlos und modern.

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

1) Blitz über Schiefer

HEX: #0B1320 #1F2A44 #3E4C66 #8A94A6 #F2D14B

Stimmung: dramatisch, elektrisch, modern

Am besten geeignet für: Hero-Bereich einer Tech-Startup-Landingpage

Dramatische Mitternachtsblau- und Sturm-Schiefergrau-Töne wirken wie Wolken, die sich für einen Blitz öffnen. Verwenden Sie diese Gewitter-Palette für Hero-Bereiche, Überschriften und auffällige CTAs, die sofortigen Kontrast benötigen. Kombinieren Sie das Gelb mit viel Freiraum und lassen Sie die kühleren Töne den Hintergrund tragen. Tipp: Halten Sie das Blitzgelb für ein Hauptelement reserviert, um visuelles Rauschen zu vermeiden.

Bildbeispiel für Blitz über Schiefer, erstellt mit media.io

Media.io

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

Jetzt kostenlos ausprobieren

2) Regennasses Beton

HEX: #101820 #2B2F36 #5B6672 #A7B0BA #E6E9ED

Stimmung: minimalistisch, kühl, bodenständig

Am besten geeignet für: minimalistisches UI-Dashboard

Kühle Betongraus erinnern an nasse Straßen nach langem Regen, ruhig und fokussiert. Diese Töne funktionieren perfekt für Dashboards, Datentabellen und Admin-Panels, wo Lesbarkeit am wichtigsten ist. Kombinieren Sie nur dann einen einzelnen gesättigten Akzent, wenn Sie Warnungen oder Statuslabels benötigen. Tipp: Reservieren Sie das hellste Grau für Karten und Oberflächen, um die Hierarchie klar zu halten.

Bildbeispiel für regennasses Beton, erstellt mit media.io

3) Sturmwolke Lavendel

HEX: #1A1B2A #2D2B3F #5B4E70 #A49AB8 #E9E4F0

Stimmung: verträumt, stimmungsvoll, editorial

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

Rauchiges Indigo und gedämpfter Lavendel wirken wie Dämmerungswolken über einer ruhigen Skyline. Die Mischung eignet sich ideal für Magazin-Features, Lyrikseiten und anspruchsvolle Lookbooks, die weich wirken möchten, ohne Tiefe zu verlieren. Kombinieren Sie mit Off-White-Rändern und zurückhaltender Serifenschrift für einen Editorial-Look. Tipp: Verwenden Sie das helle Flieder als Highlight für Zitate und Abschnittstrenner.

Bildbeispiel für Sturmwolke Lavendel, erstellt mit media.io

4) Donnerkopf Türkis

HEX: #081C1E #0E3B43 #1B6B73 #7FB7B5 #D8F3F1

Stimmung: frisch, aquatisch, selbstbewusst

Am besten geeignet für: Wellness-Markenidentität

Tiefes ozeanisches Türkis mit nebligem Seegrün erinnert an Regen, der von Küstenklippen abläuft. Diese Gewitter-Kombinationen glänzen in Wellness-Branding, Spa-Verpackungen und beruhigenden App-Visuals, wo Vertrauen wichtig ist. Kombinieren Sie mit sanften Neutraltönen und abgerundeten Sans-Schriften für ein freundliches, modernes Gefühl. Tipp: Nutzen Sie das helle Seegrün als Haupt-Hintergrund und lassen Sie das dunkle Türkis Logos und Überschriften verankern.

Bildbeispiel für Donnerkopf Türkis, erstellt mit media.io

5) Regenschirm Noir

HEX: #050608 #14161A #2A2D34 #6B707A #D1D5DB

Stimmung: elegant, urban, kontrastreich

Am besten geeignet für: Fashion-Lookbook-Layout

Tinten- und Graphitgrau wirken wie ein nächtlicher Spaziergang unter Straßenlaternen und Schirmen. Die Palette unterstützt scharfe Produktfotos, Fashion-Editorials und luxuriöse Typografie ohne Konkurrenz im Fokus. Kombinieren Sie in Print mit einem metallischen Akzent für zusätzlichen Glanz. Tipp: Fließtext auf dem hellsten Grau für Komfort, Überschriften in beinahe Schwarz.

Bildbeispiel für Regenschirm Noir, erstellt mit media.io

6) Feuchter Asphalt-Glanz

HEX: #0A0D12 #232A34 #3D4B63 #9AA4B2 #FFB000

Stimmung: energiegeladen, rau, Nacht-Stadt

Am besten geeignet für: Night-Event-Poster

Raue Asphaltblau- und dunkle Stahltöne wirken filmisch – wie Neonlicht auf nassem Pflaster. Ideal für Konzerte, Nachtleben-Poster oder Tech-Meetups mit starkem Fokuspunkt. Kombinieren Sie mit komprimierter Schrift und striktem Grid für kontrollierte Energie. Tipp: Verwenden Sie Bernstein für Schlüsseldetails wie Datum und Ort als Spotlicht.

Bildbeispiel für Feuchter Asphalt-Glanz, erstellt mit media.io

7) Entfernter Grollen Olive

HEX: #10130F #2A3522 #4D5E3B #A3B18A #E9EDC9

Stimmung: erdig, robust, ruhig

Am besten geeignet für: Outdoor-Bekleidungsverpackung

Moosiges Olive und gedämpftes Khaki erinnern an Regenwolken über Waldwegen, beständig und robust. Diese Töne passen zu Outdoor-Bekleidung, nachhaltigen Produkten und Heritage-Labels, wo Natur authentisch sein soll. Kombinieren Sie mit Kraftpapier oder matten Oberflächen für eine bodenständige Atmosphäre. Tipp: Verwenden Sie das helle Khaki für Hintergrundpanels, damit Produktinfos gut lesbar bleiben.

Bildbeispiel für Entfernter Grollen Olive, erstellt mit media.io

8) Statische Ladung Rose

HEX: #1B0F17 #3B1E2D #6B3A4D #C48A9B #F4E3E7

Stimmung: romantisch, kantig, nächtlich

Am besten geeignet für: Album-Cover-Design

Dunkle Beerenschatten und staubige Rose-Highlights wirken wie ferner Donner mit sanftem Puls. Die Mischung passt perfekt zu Album-Artwork, Lyrikheften und Boutique-Kampagnen, die Emotionen transportieren wollen ohne Kitsch. Kombinieren Sie mit kontrastreicher Schrift und Kornstruktur für einen modernen, stimmungsvollen Abschluss. Tipp: Nutzen Sie das blasseste Blush als feinen Rahmen oder Label um das Artwork.

Bildbeispiel für Statische Ladung Rose, erstellt mit media.io

9) Blitzgeschnittener Kupfer

HEX: #1A1512 #3A2C23 #6D4C3D #C08B5C #F1E2CF

Stimmung: warm, rustikal, edel

Am besten geeignet für: Café-Menü-Print

Rauchige Espresso-Braun und kupferne Wärme wirken wie Lamplight an einem regnerischen Abend. Diese Töne eignen sich hervorragend für Café-Menüs, Food-Brands und gemütliche Papeterie. Kombinieren Sie mit Creme-Papier und klassischen Serifenschriften für einen zugänglichen, hochwertigen Look. Tipp: Hauptgerichte in Kupfer hervorheben, Fließtext in tiefem Braun für Ausgewogenheit.

Bildbeispiel für Blitzschnitt-Kupfer, erstellt mit media.io

10) Hafensturm-Blau

HEX: #071821 #0E2A3A #164A63 #4D7C8A #C7DDE2

Stimmung: nautisch, beständig, professionell

Am besten geeignet für: Reise-Website-UI

Hafenblaue und Meerglas-Akzente erinnern an rollende Wellen unter schweren Wolken, verlässlich und ruhig. Die Farbpalette unterstützt Reiseplattformen, Buchungsabläufe und inhaltsreiche Seiten mit klaren Abschnitten. Kombinieren Sie sie mit warmer Fotografie und lassen Sie das Mittelblau Buttons und Links übernehmen. Tipp: Verwenden Sie das helle Aqua als Hintergrund für Filter und sekundäre Panels, um das visuelle Gewicht zu reduzieren.

Bildbeispiel für Hafensturm-Blau, erstellt mit media.io

11) Hagelstein-Mint

HEX: #0A1A18 #0F3D3A #2D6A63 #9DD9D2 #E6FFFA

Stimmung: frisch, klar, erfrischend

Am besten geeignet für: Onboarding-Screens für Mobile Apps

Frische grün-blaue Farbtöne fühlen sich an wie eisiger Regen und frische Luft nach dem Sturm. Ideal für Onboarding-Flows, Gesundheits-Apps und saubere Produkt-UX, wo Sicherheit wichtig ist. Kombinieren Sie mit einfachen Icons und großzügigen Abständen für ein leichtes Erlebnis. Tipp: Verwenden Sie Mint als primäre Oberflächenfarbe und das dunkelste Türkis für Navigation und aktive Zustände.

Bildbeispiel für Hagelstein-Mint, erstellt mit media.io

12) Mitternachts-Starkregen

HEX: #050A12 #0B1A2A #1E3347 #556B7A #B9C3CC

Stimmung: cineastisch, düster, intensiv

Am besten geeignet für: Kino-Filmplakat

Mitternachtsblaue und kühle Stahlgrau erinnern an Regenstreifen auf Glas und eine Stadt, die im Dunkeln summt. Diese Gewitter-Farbpalette passt gut zu Filmplakaten, Buchcovern und dramatischer Kampagnenkunst. Kombinieren Sie mit einem einzigen warmen Akzent im Bild, wenn Sie einen Fokuspunkt brauchen, aber halten Sie die Typografie kühl und scharf. Tipp: Verwenden Sie das helle Grau für Credits und Kleingedrucktes, damit es lesbar bleibt, ohne die Stimmung zu unterbrechen.

Bildbeispiel für Mitternachts-Starkregen, erstellt mit media.io

13) Geladener Indigo

HEX: #0C1024 #1B1F4A #343A8C #7C7FE3 #E8E9FF

Stimmung: mutig, futuristisch, energiegeladen

Am besten geeignet für: Gaming-Stream-Overlay-UI

Geladener Indigo und elektrisches Periwinkle wirken wie Blitz in dichten Wolken. Diese Gewitter-Farbkombos sind für Streaming-Overlays, Esport-Panels und markante UI gemacht, die Tiefe und Glow braucht. Kombinieren Sie mit klaren geometrischen Formen und halten Sie Text meist hell für Kontrast. Tipp: Die hellste Periwinkle nur für aktive Zustände und Benachrichtigungen nutzen, um Hierarchie zu erhalten.

Bildbeispiel für Geladener Indigo, erstellt mit media.io

14) Nebelsteg-Neutrals

HEX: #0D0F12 #202329 #3C4048 #8D949E #F5F6F7

Stimmung: neutral, edel, geschäftlich

Am besten geeignet für: Unternehmens-Präsentationsdeck-Vorlage

Weiches Nebelgrau und fast schwarze Akzente wirken wie ein ruhiger Steg, der im Nebel verschwindet. Der neutrale Bereich ist perfekt für Präsentationen, Berichte und saubere Business-Vorlagen, die auf Struktur setzen. Kombinieren Sie mit einer Markenfarbe für Charts und wichtige Kennzahlen, damit die Slides nicht flach wirken. Tipp: Verwenden Sie das hellste Grau als Basis für Folienhintergrund und behalten Sie dunkle Töne für Überschriften und Trennlinien vor.

Bildbeispiel für Nebelsteg-Neutrals, erstellt mit media.io

15) Elektrischer Horizont-Cyan

HEX: #06141B #0B2B35 #0E5666 #29B6C8 #D8FBFF

Stimmung: hell, technisch, klar

Am besten geeignet für: SaaS-Erklär-Infografik

Helles Cyan gegen tiefes Blaugrün wirkt wie ein Sturm, der einen leuchtenden Horizont freigibt. Es eignet sich hervorragend für SaaS-Infografiken, Feature-Erklärungen und Diagramme, die schnelle visuelle Gruppierung brauchen. Kombinieren Sie mit dünnen Linien-Icons und viel Abstand, um das Design luftig zu halten. Tipp: Cyan für wichtige Zahlen und Highlights, dunklere Töne für Struktur und Beschriftungen.

Bildbeispiel für Elektrischer Horizont-Cyan, erstellt mit media.io

16) Sturm-Laternen-Gold

HEX: #0E1116 #1F2A33 #394B57 #8796A5 #D8B15A

Stimmung: luxuriös, warm-akzentuiert, selbstbewusst

Am besten geeignet für: Premium-Uhren-Produktanzeige

Dunkler Graphit und kühler Stahl geben den luxuriösen Ton an, während Laternen-Gold kontrollierte Wärme wie Licht im Sturm hinzufügt. Diese Mischung eignet sich für Premium-Produktanzeigen, Highend-Tech und elegante E-Commerce-Banner. Kombinieren Sie mit minimalem Text und starker Typografie für einen edlen Look. Tipp: Gold sparsam für das Logo, Preis oder ein Detail nutzen, um Qualität zu signalisieren.

Bildbeispiel für Sturm-Laternen-Gold, erstellt mit media.io

17) Pastell eines Regentages

HEX: #1A2330 #2F3D4F #6C7A89 #C7CED6 #F7F2E8

Stimmung: weich, zurückhaltend, elegant

Am besten geeignet für: Hochzeitseinladungs-Set

Weiche Blau-Graus und warmes Elfenbein erinnern an sanften Nieselregen außerhalb eines kerzenbeleuchteten Raums. Die Palette passt zu moderner Hochzeits-Papeterie, minimalistischen Einladungen und edlen Karten. Kombinieren Sie mit zarter Linienkunst und einer klassischen Serif, um es zeitlos zu halten. Tipp: Die dunkelste Farbe für Namen und Überschriften drucken, die helleren Graus für Rahmen und Details.

Bildbeispiel für Pastell eines Regentages, erstellt mit media.io

18) Donner-Gasse-Burgunder

HEX: #12070B #2C0F17 #5A1C2B #9B4A5D #E7C7CE

Stimmung: mutig, romantisch, atmosphärisch

Am besten geeignet für: Buchladen-Branding und Tragetasche

Tiefes Burgunder und staubiges Rosa fühlen sich an wie Donner in einer engen Gasse mit warm beleuchteten Schaufenstern. Ideal für Buchladen-Branding, Literatur-Events und Verpackungen mit Charakter und Tiefe. Kombinieren Sie mit Cremepapier und vintage-inspirierter Schrift für einen gemütlichen, kuratierten Look. Tipp: Rosa als Hintergrund behalten, Burgunder für Logos und Stempel nutzen für einen edlen Effekt.

Bildbeispiel für Donner-Gasse-Burgunder, erstellt mit media.io

19) Sonnenaufgang nach dem Sturm

HEX: #0B1D2A #143B4D #2C6E7B #F2B880 #F7E7C8

Stimmung: hoffnungsvoll, ausgewogen, frisch

Am besten geeignet für: Set von Social Media Templates

Kühle Sturmblau-Töne kombiniert mit sanftem Sonnenaufgang-Pfirsich vermitteln das Gefühl, wenn Wolken sich lichten und Licht zurückkehrt. Dieser Ausgleich funktioniert gut für Social Posts, Karussell-Templates und Lifestyle-Branding mit Kontrast ohne Härte. Kombinieren Sie mit klarer Sans-Serif-Schrift und einfachen Formen, damit die Farben die Geschichte erzählen. Tipp: Pfirsich für Hervorhebungen und Sticker verwenden, Blau für Struktur und Konsistenz.

Bildbeispiel für Sonnenaufgang nach dem Sturm, erstellt mit media.io

20) Ruhe nach dem Regen

HEX: #0E1821 #1F3240 #3E5C6B #A3B7C2 #EAF0F2

Stimmung: ruhig, luftig, zeitgenössisch

Am besten geeignet für: Innenarchitektur-Moodboard

Kühle Blau-Graus und helle Nebeltöne erinnern an ruhige Himmel nach den letzten Tropfen. Die Palette passt zu Moodboards für Interior, Architekturportfolios und ruhiges Lifestyle-Branding. Kombinieren Sie mit warmen Holztexturen oder weichen Beige-Neutrals, wenn Sie Komfort hinzufügen möchten, ohne Klarheit zu verlieren. Tipp: Den hellsten Ton für die Leinwand dominieren lassen und dunklere Blau für Labels und Muster nutzen.

Bildbeispiel für Ruhe nach dem Regen, erstellt mit media.io

Welche Farben passen gut zu Gewitter?

Gewittertöne funktionieren am besten mit klaren kühlen Neutrals (Nebelgrau, Off-White, Stahl), um Layouts lesbar und modern zu halten. Diese eignen sich für Hintergründe, Karten und große Textbereiche, ohne die Stimmung zu verdünnen.

Für Akzente wählen Sie eine „Blitz“-Farbe: Bernstein/Gelb für Dringlichkeit und CTAs, Cyan für einen technischen Highlight oder Gold für Premium-Branding. Sparsam einsetzen, damit die Palette kontrolliert und nicht chaotisch bleibt.

Wenn Sie Wärme brauchen, bringen Sie sanften Pfirsich, Kupfer oder Rosa ein—besonders für Lifestyle, Editorial oder Verpackungen—und behalten Sie die stürmischen Blau/Anthrazit als Hauptstruktur.

Wie man eine Gewitter-Farbpalette in echten Designs verwendet

Beginnen Sie mit einer dunklen Basis (Navy/Anthrazit) für Überschriften, Hero-Bereiche oder Navigation, nutzen dann Mittelgrau/Stein für sekundäre Panels und Trennlinien. So entsteht Tiefe ohne schwere Schatten.

Die hellste Nuance für Hintergründe und Inhaltsflächen wählen, damit Typografie angenehm lesbar bleibt. Im UI beibehalten, dass Interaktions-Zustände durch einen Mittelton für Buttons und einen Akzent für „aktiv/primär“ konsistent abgebildet werden.

Im Print (Poster, Menüs, Verpackungen) wirken Gewitterpaletten besonders edel mit matten Oberflächen, subtiler Körnung oder sanften Verläufen – aber vermeiden Sie das übermäßige Einsetzen mehrerer Akzente in einem Layout.

Erstellen Sie Gewitter-Palettenbilder mit KI

Wenn Sie sehen möchten, wie stürmische Töne in echten Kompositionen wirken, erstellen Sie schnelle Mockups (Hero-Bereiche, Poster, Verpackungen oder Onboarding-Screens), bevor Sie sich auf ein finales Designsystem festlegen.

Mit Text-to-Image von Media.io können Sie Typografie-Kontrast, Akzentplatzierung und Gesamtstimmung in Minuten testen – und die Prompts iterieren, bis sie zum Stil Ihrer Marke passen.

Nutzen Sie Ihr Lieblings-HEX-Set oben, beschreiben Sie das Layout und wählen Sie einen Akzent als Fokuspunkt für den saubersten Gewitter-Look.

Weiter: Farbpalette Spukvilla