22 Farbkombinationen in Blau und Rost – Farbpalette mit Hex Codes

Eine Farbpalette aus Blau und Rost kombiniert kühle ozeanische Blautöne mit oxidierter, erdiger Wärme – eine einfache Möglichkeit, Designs sowohl modern als auch menschlich wirken zu lassen.

Ob beim Aufbau eines Brandingsystems, einer Benutzeroberfläche oder eines Print-Layouts: Diese Mischung aus Marineblau und Rost erzeugt Kontrast, Hierarchie und einprägsame Akzente, ohne bloß modisch wirken zu wollen.

Warum funktionieren Blau- und Rost-Farbschemata so gut?

Blau bringt eine ruhige Struktur, während Rost Wärme und Persönlichkeit verleiht – so wirkt das Gesamtbild ausgewogen statt kühl oder zu verspielt. Dieser Kontrast macht es einfach, eine starke Hierarchie über Überschriften, Buttons und Highlights aufzubauen.

Rost ist außerdem von Natur aus „akzentfreundlich“: Er hebt sich von Marine- und Stahlblau ab, bleibt aber dennoch erdig und reif. Deshalb funktionieren Marineblau- und Rost-Kombinationen sowohl bei Premium-Marken als auch in Alltags-Templates.

Schließlich lassen sich Blau- und Rost-Kombinationen gut mit praktischen Neutraltönen (Creme, Greige, Anthrazit) kombinieren, was Ihre Layouts auf Web, Print und Produkten lesbar und konsistent hält.

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

1) Küsten-Gießerei

HEX: #0B1F3B #3C6E8F #B65A3C #E7D7C3 #1F2328

Stimmung: industriell, küstennah, bodenständig

Ideal für: Markenidentität und Geschäftsausstattung

Industrielle Ruhe trifft auf Meeresluft – wie verwitterter Stahl an einer Hafenmauer. Das dunkle Marineblau verankert die Gestaltung, während der Roston den Charakter warm macht, ohne laut zu wirken. Kombinieren Sie viel Weißraum und klare Typografie für einen modernen Look. Tipp: Verwenden Sie den Rostton für Siegel, Trenner oder ein zentrales Icon, um den Premium-Charakter zu erhalten.

Bildbeispiel für Küsten-Gießerei, erstellt mit media.io

Media.io

Media.io ist ein Online-KI-Studio, mit dem Sie im Browser Videos, Bilder und Audio erstellen und bearbeiten können.

Jetzt kostenlos ausprobieren

2) Canyon-Hafen

HEX: #123A5A #6FA3B8 #C15F3B #F2E8DA #2D2F36

Stimmung: abenteuerlich, luftig, sonnengewärmt

Ideal für: Reiseplakate und Social Ads

Sonnige Klippen und kühle Blautöne sorgen für ein optimistisches, naturverbundenes Gefühl. Diese Blau-Rost-Palette funktioniert am besten, wenn das helle Creme den Hintergrund bildet und die dunkleren Blautöne die Überschriften übernehmen. Setzen Sie Rost als auffälliges Badge oder Button für sofortige Tiefe ein. Tipp: Halten Sie Verläufe dezent, damit der Vintage-Look erhalten bleibt.

Bildbeispiel für Canyon-Hafen, erstellt mit media.io

3) Vintage-Arbeitskleidung

HEX: #1A2D4A #4E7A9A #A84D35 #EFE6D6 #8B6B4A

Stimmung: traditionell, robust, vertrauenswürdig

Ideal für: Verpackungen und Etiketten für Arbeitskleidung

Abgenutztes Denim und patiniertes Metall verleihen dieser Mischung ein zuverlässiges, handgemachtes Gefühl. Das Indigoblau wirkt klassisch, während Rost- und Brauntöne eine wohnliche Wärme bringen. Creme eignet sich für die Etikettenfläche, das dunklere Blau trägt die Produktnamen. Tipp: Eine leichte Papiertextur oder Stempelgrafik verstärkt die traditionelle Stimmung.

Bildbeispiel für Vintage-Arbeitskleidung, erstellt mit media.io

4) Wüstenabend-Oberfläche

HEX: #0F2742 #5B87A6 #C26745 #DAD7D0 #F7F2EA

Stimmung: ruhig, modern, edel

Ideal für: Dashboard-UIs und Datenvisualisierungen

Leise Dämmerungsblautöne mit sonnengegerbtem Rost-Akzent wirken fokussiert und elegant. Diese Blau-Rost-Kombinationen glänzen im UI, wenn helle Neutrale die Hauptrolle übernehmen und das dunkle Blau für die Navigation genutzt wird. Rost bleibt Buttons, Warnungen oder Diagramm-Highlights vorbehalten. Tipp: Sorgen Sie für hohen Kontrast, indem Sie Rost mit Offwhite statt Mittelgrau kombinieren.

Bildbeispiel für Wüstenabend-Oberfläche, erstellt mit media.io

5) Stürmischer Backstein

HEX: #162A3A #4F6F86 #B34E3B #CFC6B8 #2A2B2E

Stimmung: stimmungsvoll, urban, selbstbewusst

Ideal für: Speisekarten und Beschilderung

Regennasses Stadtblau und backsteinerne Wärme schaffen einen kräftigen, straßentauglichen Ton. Nutzen Sie die stürmischen Blautöne für große Flächen und Typografie, Rost dient als appetitanregender Akzent. Das warme Greige verhindert, dass die Palette bei wenig Licht zu kalt wirkt. Tipp: Nutzen Sie Rost für Abschnittsüberschriften und feine Linien für einen modernen, klaren Menü-Rhythmus.

Bildbeispiel für Stürmischer Backstein, erstellt mit media.io

6) Tinte und Terrakotta

HEX: #0A1A2B #2F5D7A #C06A4B #F1E4D2 #5A4A3F

Stimmung: literarisch, warm, intim

Ideal für: Buchcover und Podcast-Artworks

Tintenblaue Schatten und Terrakotta-Wärme erinnern an eine gemütliche Leseecke bei Nacht. Das fast schwarze Blau lässt Titel hochwertig wirken, während das rostige Ton Energie und Zugänglichkeit bringt. Kombinieren Sie Serifenschrift und ein sanftes Cremefeld für zeitlose Eleganz. Tipp: Ein einzelnes Rostelement hinter dem Titel steigert die Lesbarkeit ohne harte Kanten.

Bildbeispiel für Tinte und Terrakotta, erstellt mit media.io

7) Museum-Minimalismus

HEX: #10243A #6C8FA6 #A94F3A #F6F0E6 #3A3F45

Stimmung: sauber, kultiviert, zurückhaltend

Ideal für: Ausstellungsposter und Programme

Ruhige Galerie-Blautöne und ein zurückhaltender Rostakzent wirken kuratiert und modern. Lassen Sie den elfenbeinfarbenen Hintergrund dominieren, dann nutzen Sie Schieferblau für Fließtext. Der Rost-Button funktioniert am besten als kleiner Stempel, Datumszeile oder Icon. Tipp: Halten Sie die Ränder großzügig und richten Sie alles exakt aus für den minimalen Museumsstil.

Bildbeispiel für Museum-Minimalismus, erstellt mit media.io

8) Nordischer Steg

HEX: #0E2A3E #5B8CA8 #C86A4A #D9D2C6 #F8F6F1

Stimmung: frisch, luftig, modern

Ideal für: Hero-Sektionen für Webseiten

Frische Seebrise-Blautöne mit warmem Rost erinnern an bemalte Steganlagen und morgendliches Licht. Dieses Farbkonzept wirkt besonders klar, wenn Offwhite die Hauptfläche bildet. Das tiefste Blau ist für Navigation und Headline, Rost bleibt einem Hero-Button vorbehalten. Tipp: Achten Sie auf kühle Bildstimmung, damit Rost stets der Glanzpunkt bleibt.

Bildbeispiel für Nordischer Steg, erstellt mit media.io

9) Retro-Routenkarte

HEX: #1D3D63 #7BA9C2 #B5533A #F3E8D9 #D4B48C

Stimmung: verspielt, nostalgisch, sonnig

Ideal für: Infografiken und Kartendesigns

Man denkt sofort an nostalgische Roadtrips – mit sanften Blautönen und einem staubigen Rostakzent. Das sandige Beige verleiht Vintage-Wärme, ohne die Palette ins Gelbliche zu verschieben. Verwenden Sie das dunklere Blau für Text und Abgrenzungen, der Rost lenkt gezielt die Aufmerksamkeit. Tipp: Halten Sie Icons einfach und abgerundet für das Retro-Gefühl.

Beispielbild einer Retro-Routenkarte, erstellt mit media.io

10) Keramikstudio

HEX: #152C45 #6E93AD #C46B4A #EDE2D4 #4A3A32

Stimmung: handwerklich, taktil, ruhig

Ideal für: Verpackungsdesigns für handgefertigte Produkte

Glasurblau und Tonrost wirken fühlbar, wie ein Keramikregal im warmen Nachmittagslicht. Creme- und Kakaoneutralen sorgen für klare, gut lesbare Verpackungen. Rust eignet sich für Siegel, Schleifen oder das Markenzeichen, der tiefblaue Ton für den Text. Tipp: Matte Oberflächen und subtile Prägungen harmonieren hervorragend zu diesen erdigen Farben.

Beispielbild eines Keramikstudios, erstellt mit media.io

11) Twilight Ledger

HEX: #0C2036 #4A6C86 #A94A35 #F4EEE4 #2E3339

Stimmung: seriös, elegant, vertrauenswürdig

Ideal für: Präsentationen und Finanzberichte

Abenddämmerungsblau mit dezentem Rost wirkt souverän und datenorientiert. Die dunklen Töne strahlen Autorität aus, während der warme Akzent Charts lebendig hält. Elfenbein eignet sich für Slide-Hintergründe, sorgt für Kontrast und schont die Augen. Tipp: Setzen Sie Rost gezielt bei einer einzigen Datenreihe oder einem wichtigen Callout-Element ein – so heben sich Erkenntnisse sofort ab.

Beispielbild Twilight Ledger, erstellt mit media.io

12) Seaside Warehouse

HEX: #0E2F4B #4F7E98 #BB5B3F #D7D0C6 #1B1E22

Stimmung: industriell, markant, modern

Ideal für: Lookbooks für Streetwear

Lagerhallenstahl und meeresgebleichte Farbe sorgen für eine kühne, moderne Note. Die kühlen Blautöne lassen Fotos klar wirken, der Rost sorgt für markante Akzente bei Typografie und Tags. Kombinieren Sie mit monochromen und entsättigten Fotos für maximale Geschlossenheit. Tipp: Halten Sie Rost für 10-15% der Fläche, damit er als bewusster Akzent wirkt und nicht alles dominiert.

Beispielbild Seaside Warehouse, erstellt mit media.io

13) Warme Denim-Neutrale

HEX: #183554 #7199B3 #B85A40 #EFE3D2 #B8A89A

Stimmung: sanft, zugänglich, alltagstauglich

Ideal für: Lifestyle-Blogs und Vorlagen

Sanfte Denim-Blau mit warmen Haferneutralen wirken freundlich und wohnlich. Der Rostton bringt Wärme und verhindert, dass die Mischung zu kühl erscheint, gerade auf längeren Seiten. Kombinieren Sie mit warmer Fotografie, Leinentexturen und minimalistischen Icons. Tipp: Denimblau für Überschriften und Links, Rost für Hover-Zustände und kleine Badges.

Beispielbild Warme Denim-Neutrale, erstellt mit media.io

14) Verrosteter Leuchtturm

HEX: #081E33 #5E89A8 #C15E41 #F7F1E7 #2A2D33

Stimmung: dramatisch, maritim, zeitlos

Ideal für: Albumcover und Poster

Dunkle Ozeanblau mit einem Rostakzent wirken filmreif – wie ein Leuchtturmstrahl im Nebel. Das warme Off-White sorgt für Lesbarkeit, ohne die Stimmung zu verlieren. Verwenden Sie Rost sparsam für Titel oder einzelne grafische Elemente. Tipp: Feine Körnung und starker Kontrast bewahren den dramatischen Print-Look.

Beispielbild Verrosteter Leuchtturm, erstellt mit media.io

15) Kupfer Circuit UI

HEX: #0D2440 #3F6F92 #C86A45 #EEF1F4 #2B2F35

Stimmung: technisch, präzise, modern

Ideal für: SaaS UI und Landingpages

Kühle Tech-Blautöne mit kupferfarbenem Rost wirken schnell und zielbewusst. Diese Kombination hebt sich bei Produktoberflächen klar ab. Halten Sie Flächen hell und verwenden Sie das dunklere Blau für Navigation und Haupttext. Tipp: Setzen Sie Rost nur für eine Aktionshierarchie – z. B. die primären Buttons – damit das UI konsistent wirkt.

Beispielbild Copper Circuit UI, erstellt mit media.io

16) Buchladen Editorial

HEX: #132846 #6B8FA8 #B4553D #F2EBDD #6A5243

Stimmung: klassisch, gemütlich, redaktionell

Ideal für: Magazin-Layouts und Newsletter

Gemütliches Buchladen-Blau mit Rost als Headlines wirkt einladend und intelligent. Das papierähnliche Creme hält Layouts lesefreundlich, Braun bringt Wärme in Trenner und Bildunterschriften. Setzen Sie auf Serif-Schriften und großzügigen Zeilenabstand für Print-Charakter. Tipp: Ziehen Sie Rost bei Zitaten oder Abschnittsnummern ein, um Leser*innen gezielt zu führen.

Beispielbild Buchladen Editorial, erstellt mit media.io

17) Herbstküsten-Hochzeit

HEX: #16324F #7AA2B9 #C86C4B #FBF6EE #C9B7A2

Stimmung: romantisch, warm, luftig

Ideal für: Hochzeitseinladungen und Beschilderungen

Luftige Küstenblau mit Herbst-Rost wirken romantisch ohne Übertreibung. Das weiche Elfenbein sorgt für Helligkeit, Greige balanciert Fotos und florale Elemente. Kombinieren Sie mit zarten Linien und edler Serif-Schrift für Namen. Tipp: Rost als Folien- oder Prägedruck bringt einen kleinen, edlen Moment.

Beispielbild Herbstküsten-Hochzeit, erstellt mit media.io

18) Industrial Loft Interior

HEX: #0F2236 #557D97 #B85A42 #E6DDCF #2A2B2E

Stimmung: urban, gemütlich, ausgewogen

Ideal für: Moodboards für Interior Design

Städtische Blautöne und warmer Rost erinnern an offene Ziegelwände neben gestrichenen Möbeln. Creme und Anthrazit bieten eine gemütliche Basis für Lofts und moderne Apartments. Mittelblau eignet sich für große Flächen, Rost als Textil, in der Kunst oder als markanter Sessel. Tipp: Wiederholen Sie den Rostton an mindestens zwei kleinen Stellen, damit er durchdacht wirkt und nicht zufällig.

Beispielbild Industrial Loft Interior, erstellt mit media.io

19) Hafen Nachtmarkt

HEX: #102C55 #4E87A8 #C35F43 #EADBC7 #1C1E22

Stimmung: lebendig, modern, nachtaktiv

Ideal für: Event-Flyer und Promo-Designs

Nachtmarkt-Blaue mit warmem Rostfunken wirken energiegeladen und modern. Die dunklen Töne machen Schrift auffällig, helles Sand verhindert Schwere. Rost eignet sich für Daten, Tickets oder Key-Icons, um den Blick gezielt zu lenken. Tipp: Große Flächen Tiefblau plus einen rustfarbenen Farbverlauf-Streifen sorgen für einen ausdrucksstarken Flyer.

Beispielbild Hafen Nachtmarkt, erstellt mit media.io

20) Artisan Coffee Wrap

HEX: #0D2A4A #6C97B1 #B6553F #E9DDCF #3A2E2A

Stimmung: handwerklich, warm, hochwertig

Ideal für: Kaffee-Verpackungen und Anzeigen

Rösterei-Wärme trifft kühles Blau, wie ein Café bei Sonnenaufgang. Schokoladenbraun und Rost wirken reich und handgemacht, die Blautöne sorgen für Moderne. Das hellere Neutral bringt Lesbarkeit beim Label, das tiefste Blau für exklusive Logos. Tipp: Einzige Rostbinde oder Badge macht verschiedene Röstungen zur Designfamilie.

Beispielbild Artisan Coffee Wrap, erstellt mit media.io

21) Oxide Blueprint

HEX: #0B2D4D #3E7CA3 #C46445 #F4F5F7 #1F2A33

Stimmung: präzise, technisch, souverän

Ideal für: Produkt-Onepager und technische Diagramme

Blaupausentöne mit Rost wirken technisch und klar. Diese Farbkombination hält Fachlayouts lesbar und bringt zugleich Wärme und Persönlichkeit. Blassgrau dient als Leinwand; Rost eignet sich für Callouts, Pfeile oder Key-Labels. Tipp: Vermeiden Sie Rost für lange Texte – Highlights reichen für Klarheit aus.

Beispielbild Oxide Blueprint, erstellt mit media.io

22) Slate und Sienna Kombination

HEX: #13233A #6A8EA8 #A84C37 #EFE7DC #A59A8D

Stimmung: ausgewogen, erwachsen, vielseitig

Ideal für: Branding-Systeme und Guidelines

Schieferblaue und Sienna-Rost wirken ausgewogen wie Stein und Ton aus einer Landschaft. Die Neutraltöne machen die Palette vielseitig für Web, Print und Verpackung. Mittelblau eignet sich für sekundäre UI-Zustände, Rost für dezente, aber elegante Betonungen. Tipp: Legen Sie ein festes Akzentverhältnis fest, damit das Team den Warmton konsistent verwendet.

Beispielbild Slate und Sienna Kombination, erstellt mit media.io

Welche Farben passen zu Blau-Rost?

Neutrale sind der leichteste Gewinn: Warmes Elfenbein, Creme, Greige und Papierweiß lassen die Palette atmen und machen den Rostakzent bewusst. Anthrazit oder Beinahe-Schwarz verstärken zudem den Kontrast in typoreichen Layouts.

Für reichhaltigere Kombinationen probieren Sie Sand- oder Beigetöne für Vintage-Flair oder einen Schieferblau-Grau-Ton für einen technischen „Blueprint“-Look. Für einen weicheren Eindruck ersetzen Sie leuchtendes Cyan durch sanfte, staubige Blues.

Im Zweifel Rost als kleinste Farbfläche halten und das System von Blau dominieren lassen – besonders im UI, wo Konsistenz und Lesbarkeit entscheidend sind.

Wie nutzt man eine Blau-Rost-Farbpalette in echten Designs?

Definieren Sie klare Rollen: Ein Tiefblau für Überschrift/Navi, ein Mittelblau für Sekundäres, ein helles Neutral für Hintergründe und einmal Rost zum Betonen (Buttons, Badges, Chart-Highlights). So übernimmt der Warmakzent nie die Oberhand.

Für Branding eignet sich Rost hervorragend für Siegel, Icons, Trenner und Verpackungsdetails – kleine Stellen, an denen Wärme Premium wirkt. In Interiors wiederholt man Rost an mindestens zwei Touchpoints (Textil + Bild, oder Stuhl + Teppich), um die Gestaltung kohärent zu machen.

Für digitale Layouts testen Sie den Kontrast frühzeitig: Rost auf Offwhite ist in der Regel besser lesbar als Rost auf Mittelgrau. Verwenden Sie die dunkleren Blautöne für Fließtext, wenn Sie eine weichere Alternative zu Rein-Schwarz möchten.

Erstellen Sie Blau-Rost-Visualisierungen mit KI

Wenn Sie sehen möchten, wie Blauroste in Kontexten wirken – auf einer Landingpage, einem Etikett, Poster oder Interior-Moodboard – erstellen Sie schnelle Mockups, bevor Sie mit der Produktion beginnen.

Mit Media.io Text-zu-Bild können Sie einen Prompt einfügen, einen Stil festlegen (Vektor, Editorial, realistisch) und iterieren, bis das Gleichgewicht zwischen Navy und Rost für Ihr Projekt passt.

Nutzen Sie die obigen Prompts als Ausgangspunkt und tauschen Sie dann Produkttyp, Schriftsprache oder Layout-Format aus, um Ihrer Marke zu entsprechen.

Weiter: Grün Blau Lila Farbpalette