Moderne French Blue Töne: 23 Farbpaletten zum Ausprobieren

French Blue liegt genau zwischen klassischem Navy und hellem Küsten-Cyan – edel, beruhigend und problemlos kombinierbar. Es funktioniert im UI, Branding und Interieur, weil es zugleich modern und zeitlos wirkt.

Unten findest du gebrauchsfertige Farbkombinationen mit French Blue und HEX-Codes, dazu praktische Tipps zur Kombination sowie KI-Bild-Prompts, die du in Media.io einfügen kannst, um jeden Look blitzschnell zu visualisieren.

Warum funktionieren French-Blue-Farbpaletten so gut?

French Blue wirkt oft schon „gestaltet“, noch bevor Typografie oder Layouts hinzukommen. Die Farbe ist tief genug, um Überschriften, Navigation und Hero-Sektionen zu tragen – und dabei freundlicher als schweres Navy.

Da sie sich mit warmen wie kühlen Tönen verträgt, kannst du sie entweder in Richtung Küstenruhe (mit Sand, Creme und Nebelgrau) steuern oder für einen gehobenen Kontrast (mit Messing, Anthrazit und satten Ink-Tönen) einsetzen.

Auch für digitale Produkte eignet sie sich photographisch und für Renderings: Verläufe bleiben sanft, Schatten sind klar, und die Farbe hält sowohl auf hellem als auch auf dunklem UI, ohne hart zu wirken.

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

1) Riviera-Leinen

HEX: #2f5f8d #6fa3c8 #e9e2d4 #c8b8a4 #1f2a33

Stimmung: luftig, maritim, edel

Am besten für: Resort-Landingpage-UI

Luftige Küstenruhe mit sonnengebleichtem Leinen und frischer Meeresbrise. Nutze das tiefe Blau als primäres UI-Element, lass die sandigen Neutrale Hintergründe und Abstände tragen. Kombiniere mit feinen Linien-Icons und viel Weißraum, damit es hochwertig wirkt. Tipp: Das Fast-Schwarz nur für Schrift verwenden, damit die Blautöne frisch bleiben.

Bildbeispiel für Riviera-Leinen, erstellt mit media.io

Media.io

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

Jetzt kostenlos testen

2) Pariser Denim

HEX: #2b5b86 #3f7fb0 #a9c2d6 #f4f2ee #8a6a55

Stimmung: urban, zugänglich, stilvoll

Am besten für: Streetwear-Branding

Urban und unkompliziert wie eingelaufener Denim mit einem Hauch Pariser Chic. Dunkle Blautöne führen Logo und Überschriften, die helleren und Off-White halten das Layout luftig. Das warme Braun bringt feinen Vintage-Kontrast, ideal für Etiketten, Nahtdetails oder Sekundärschrift. Tipp: Verläufe sparsam einsetzen und auf flache Flächen setzen für ein modernes Fashion-Feeling.

Bildbeispiel für Pariser Denim, erstellt mit media.io

3) Küstennebel

HEX: #2a5a7b #7fa6bf #cfd8dd #f7f7f5 #6f7a81

Stimmung: neblig, ruhig, modern

Am besten für: Meditations-App-UI

Neblig und ruhig wie morgendliche Luft über einer ruhigen Bucht. Die rauchigen Blau-Grau-Töne sorgen für beruhigende Bildschirme und dezente Statusanzeigen, ganz ohne harte Kontraste. Das tiefe Blau mit sanftem Weiß kombinieren für gut lesbare Überschriften und sanfte CTA-Buttons. Tipp: Die Sättigung in Illustrationen reduzieren, um die Interface-Atmosphäre gelassen zu halten.

Bildbeispiel für Küstennebel, erstellt mit media.io

4) Kobaltcroissant

HEX: #1f4f86 #4e86b8 #f2d3a1 #fff3e3 #5a3a2e

Stimmung: freundlich, gemütlich, Boutique

Am besten für: Bäckerei-Posterdesign

Freundlich und einladend wie eine kleine Bäckerei mit blauen Fliesen und warmem Gebäcklicht. Goldtan und Creme bilden einladende Hintergründe, während Kobalttöne Überschriften auffällig hervorheben. Kombinieren mit sympathischer Serifenschrift und einfachen illustrierten Icons für Menüs und Angebote. Tipp: Braun nur sparsam für kleine Akzente einsetzen, damit die warme Helligkeit bleibt.

Bildbeispiel für Kobaltcroissant, erstellt mit media.io

5) Bleu und Messing

HEX: #2c5f90 #5f8fb8 #d2b04c #f6f1e6 #2a2c2f

Stimmung: edel, selbstbewusst, gehoben

Am besten für: Luxus-Hotel-Branding

Edel und selbstbewusst, wie Messing-Armaturen vor tiefblauen Wänden. Gold als zurückhaltender Akzent für Siegel, Trennlinien oder Premium-Elemente verwenden; Blautöne bilden das Markenfundament. Creme sorgt für elegante, gut lesbare Begleitmaterialien, Anthrazit schärft die Typografie. Tipp: Gold weniger als 10 % Flächenanteil für echtes Luxus-Flair einsetzen.

Bildbeispiel für Bleu und Messing, erstellt mit media.io

6) Winter-Mariner

HEX: #1e4d73 #4f7ea0 #b8c7d1 #ffffff #2b2f35

Stimmung: klar, nautisch, minimal

Am besten für: Finanz-Dashboard-UI

Klar und maritim wie Winterlicht am Hafen mit klaren Linien und frischer Luft. In einer French-Blue-Palette wie dieser sorgt der dunkelste Ton für Navigation und Diagrammachsen, während blaugraue Töne Datenbereiche beruhigen. Weißraum hält das Dashboard leicht, Anthrazit sorgt für gut lesbare Zahlen. Tipp: Mittelblau für positive Status verwenden und Dunkelblau für die Struktur reservieren.

Bildbeispiel für Winter-Mariner, erstellt mit media.io

7) Provence-Fliesen

HEX: #2d5e8c #4fa0c6 #97d0d9 #f1efe7 #c76f5b

Stimmung: sonnig, handgemacht, lebendig

Am besten für: Keramik-Instagram-Vorlagen

Sonnig und handgemacht wie bemalte Fliesen in einer strahlenden Provence-Küche. Blautöne und Aqua für Muster und Rahmen nutzen, das Korallenrot als lebhaften Sticker oder Preis-Akzent. Warmes Off-White sorgt für gut lesbare Beiträge und verhindert Kühle. Tipp: Kachelmotive regelmäßig im Grid wiederholen für einen kuratierten Feed.

Bildbeispiel für Provence-Fliesen, erstellt mit media.io

8) Studio-Bauplan

HEX: #1b4f7a #2f6c9d #8fb3cc #eef3f7 #f0a45d

Stimmung: technisch, kreativ, energetisch

Am besten für: Architektur-Portfolio-Website

Technisch und kreativ zugleich, wie Blaupausenpapier im warmen Studio. Das tiefe Blau für Überschriften und Section-Anker nutzen, helle Töne für Projektseiten und Bildunterschriften. Orange als Accent für Buttons, Hover-States und kleine Hinweise, ohne das Werk zu überlagern. Tipp: Mit geometrischer Sans-Schrift kombinieren für den architektonischen Look.

Bildbeispiel für Studio-Bauplan, erstellt mit media.io

9) Küstenminimal

HEX: #2a5e88 #86abc5 #dfe7ee #fbfbfa #b08b6f

Stimmung: sauber, luftig, modern

Am besten für: Hautpflegeverpackung

Sauber und luftig, wie frische Luft durch transparente Vorhänge. Verwenden Sie das sanfte Blaugrau als Hauptfeld für das Etikett und reservieren Sie das tiefere Blau für Produktnamen und wichtige Aussagen. Das warme Taupe eignet sich perfekt für kleine Icons oder Farbakzente am Deckel, um die Linie zusammenzuhalten. Tipp: Matte Oberflächen und minimalistischer Text lassen die Farbpalette noch hochwertiger wirken.

Beispielbild eines minimalistischen Coastal-Stils, generiert mit media.io

10) Midnight Bateau

HEX: #16324a #2a5c86 #5b86a7 #e7dfd2 #c24a3a

Stimmung: stimmungsvoll, filmisch, markant

Am besten für: Flyer für Filmfestival

Stimmungsvoll und filmisch, wie eine nächtliche Bootsfahrt unter Stadtlichtern. Lassen Sie das fast marineblaue Blau den Hintergrund dominieren für Dramatik, dann schichten Sie die mittleren Blautöne für Flächen und Typotafeln. Creme sorgt für den klassischen Papierlook, während das Rot als einzelner Spotlight-Akzent am besten funktioniert. Tipp: Das Rot auf Daten und Tickets beschränken, damit das Layout elegant bleibt.

Beispielbild von Midnight Bateau, generiert mit media.io

11) Chalk and Indigo

HEX: #234f7a #4c7fa8 #b9cfe0 #f7f4ef #4a4a4a

Stimmung: weich, akademisch, ruhig

Am besten für: Online-Kurs-Folien

Weich und akademisch, wie Indigotin auf kreidigem Papier. Verwenden Sie das Dunkelblau für Abschnittsüberschriften und das Hellblau für Hervorhebungen und Diagramme. Cremiges Weiß lässt die Folien hell wirken, und Grau ist ideal für Nebenanmerkungen und Fußnoten. Tipp: Pro Folie nur ein Akzentblau verwenden, um in dichten Lektionen visuelles Rauschen zu vermeiden.

Beispielbild von Chalk and Indigo, generiert mit media.io

12) Fleur de Sel

HEX: #2e5a80 #6f9ebb #c9dbe5 #f8f8f6 #d9c3a5

Stimmung: hell, sauber, Küstenspa

Am besten für: Badesalz-Etikett

Leicht und sauber, wie Meersalzkristalle neben hellblauem Wasser. Das Etikett bleibt überwiegend cremefarben und luftig, die Blautöne nutzen Sie für Markenflächen und Inhaltsstoff-Hervorhebungen. Das sandige Beige unterstreicht natürliche Anmutung, ohne das Design rustikal wirken zu lassen. Tipp: Feine Strichillustrationen im Mittelblau sorgen für eine zarte, edle Optik.

Beispielbild von Fleur de Sel, generiert mit media.io

13) Art Deco Canal

HEX: #1f4c7d #3f78a6 #9fc0d6 #f3eadc #b98c5a

Stimmung: glamourös, strukturiert, vintage

Am besten für: Einladungskartendesign

Glamourös und strukturiert, wie Art-Déco-Bögen im Wasser eines Kanals bei Dämmerung. Verwenden Sie das tiefe Blau für Rahmen und geometrische Gestaltungsflächen, dann darüber gestaffelt die helleren Blautöne für Musterfüllungen. Creme und Bronzetöne verleihen elegante Vintage-Wärme, die zu Serif-Headlines passt. Tipp: Die Bronze-Elemente prägen oder mit Folie veredeln für mehr Wertigkeit ohne Unruhe.

Beispielbild von Art Deco Canal, generiert mit media.io

14) Cloudy Harbor

HEX: #2b587a #6c90a8 #aebfca #f0efe9 #7f6a5d

Stimmung: gedeckt, nachdenklich, Küste

Am besten für: Editorial-Magazinlayout

Gedeckt und kontemplativ, wie ein vom Nebel weicher Hafenhorizont. Die ruhigen Blautöne für Abschnittstrenner und Zitate verwenden, warmes graubraun erdet Bildunterschriften und Bylines. Der cremefarbene Hintergrund bleibt angenehm für lange Lesetexte und verhindert harte Kontraste. Tipp: zurückhaltenden Fotolook wählen, damit sich Bilder harmonisch in die Palette einfügen.

Beispielbild von Cloudy Harbor, generiert mit media.io

15) Bleuberry Cream

HEX: #2f5e9a #6e98d8 #d7e3ff #fff4ea #b85a4a

Stimmung: süß, verspielt, frisch

Am besten für: Eisdielenspeisekarte

Süß und verspielt wie Beerenswirl auf Schlagsahne. Verwenden Sie das leuchtende Blau für Überschriften und Preisschilder, dann lockern Sie das Layout mit cremigen Hintergründen und pastelligen Blöcken auf. Das warme Rotbraun setzt als "Kirsche-obendrauf"-Akzent feine Highlights bei Sonderangeboten. Tipp: Viel Weißraum lassen, damit die Farben leicht und nicht überladen wirken.

Beispielbild von Bleuberry Cream, generiert mit media.io

16) Museum Wall

HEX: #244f78 #5d86a6 #c2d0dc #f5f2ec #9a7b62

Stimmung: ruhig, kuratiert, zeitlos

Am besten für: Galerie-Wegweisung

Ruhig und kuratiert, wie ein sanft ausgeleuchteter Museumskorridor mit blauen Wänden. Das tiefe Blau für Richtungsköpfe und die helleren Töne für Flächen und Kartenbereiche verwenden. Warmes Taupe gibt eine dezente Heritage-Note und harmoniert mit klassischer Serif-Typografie. Tipp: Icons monochrom im dunkelsten Blau halten, damit sie aus der Distanz klar lesbar sind.

Beispielbild von Museum Wall, generiert mit media.io

17) Terrace Bistro

HEX: #2a5c8a #5aa0c2 #f1dcc7 #fff8ef #7a3f35

Stimmung: warm, gesellig, sonnig

Am besten für: Restaurant-Website-Hero

Warm und gesellig wie ein Nachmittag auf der Terrasse mit Leinenservietten und blauen Markisen im Schatten. Das tiefe Blau nutzen für Navigation und Buttons, die pfirsichfarbenen Neutraltöne formen die Seitenhintergründe und Inhaltsblöcke. Das warme Rotbraun ist ein starker Akzent für Reservierungen und Spezialhinweise. Tipp: Mit Food-Fotos in goldenen Tönen kombinieren, damit es zu den warmen Grundfarben passt.

Beispielbild von Terrace Bistro, generiert mit media.io

18) Alpine Ink

HEX: #1a3f63 #2f6a93 #7fa6c1 #e8eef2 #2b2b2b

Stimmung: kühl, fokussiert, professionell

Am besten für: Tech-Startup-Pitchdeck

Kühl und konzentriert, wie Tinte auf frischem Papier mit Bergluft-Schärfe. Das dunkelste Blau ist für Folienschriften und Diagrammrahmen reserviert, das hellere Blau für Akzente und unterstützende Formen. Der blass graublaue Hintergrund bleibt hell ohne steril zu wirken. Tipp: Konsistente Farbregeln bei Charts beibehalten, um schnelle Vergleichbarkeit über die Folien hinweg zu sichern.

Beispielbild von Alpine Ink, generiert mit media.io

19) Summer Regatta

HEX: #2d5f8f #4fb0c6 #f7f0e3 #f2c14e #e05a47

Stimmung: hell, sportlich, optimistisch

Am besten für: Sportveranstaltungsplakat

Hell und sportlich, wie flatternde Segelflaggen in sonnigem Wind. Das Blau gibt den Layout-Ton an, dann setzt das Aqua Akzente für sekundäre Formen und Dynamik. Gelb und Koralle sorgen für energiegeladene Highlights bei Datumsangaben, Kategorien und Sponsorenhinweisen. Tipp: Cremeweiß als negatives Hauptfeld nutzen, damit das Poster auch aus der Entfernung klar und gut lesbar bleibt.

Beispielbild von Summer Regatta, generiert mit media.io

20) Ink on Parchment

HEX: #1f4568 #3f6f8f #a9bccc #f2e7d8 #6b5142

Stimmung: traditionsreich, literarisch, warm

Am besten für: Buchcover-Design

Traditionsreich und literarisch, wie Füllertinte auf gealtertem Pergament. Das dunkelste Blau für Titelblöcke und Rückenakzente nutzen, dann mit Pergament-Hintergründen für klassischen Buchladen-Charme abmildern. Das warme Braun stützt den Autorennamen und Zierlinien. Tipp: Ein zurückhaltendes, kontraststarkes Schriftpaar auswählen, damit das Cover auch als Thumbnail sofort lesbar ist.

Beispielbild von Ink on Parchment, generiert mit media.io

21) Canal Morning

HEX: #2c5b83 #7aa8c8 #d5e2ea #fffdf8 #f0b39a

Stimmung: frisch, sanft, romantisch

Am besten für: Frühlingshochzeits-Papeterie

Frisch und zart, wie ein ruhiger Kanalmorgen mit weichem Licht und Pastell-Blüten. Verwenden Sie die pudrigen Blautöne für Rahmen und Monogramme, das warme Pfirsich für einen zurückhaltenden Blumenakzent oder die RSVP-Markierung. Der fast weiße Hintergrund hält die Typografie luftig und formell. Tipp: Auf leicht strukturiertem Papier drucken, damit die zarten Farbtöne absichtlich und nicht ausgewaschen wirken.

Beispielbild von Canal Morning, generiert mit media.io

22) Blue Hour Bistro

HEX: #20435f #2f6d8e #79a9b9 #f4eee3 #d96d4f

Stimmung: abendlich, einladend, atmosphärisch

Am besten für: Cocktailkarten-Design

Abendlich und einladend, wie das blaue Leuchten der Stunde vor Fenstern eines lebhaften Bistros. Das dunkle Grundblau gibt die Bühne, dann Teal-Blau für Abschnittslabels und Cocktailkategorien. Creme sorgt für gute Lesbarkeit, das warme Korallenrot setzt Highlights für die Signature-Drinks. Tipp: Piktogramme schlicht halten und das Korall nur für die Top-Drinks nutzen, um den Blick gezielt zu lenken.

Beispielbild von Blue Hour Bistro, generiert mit media.io

23) Harbor Neutrals

HEX: #2a5a86 #4f88b1 #b6c9d6 #eee7dd #3a3a3a

Stimmung: ausgewogen, modern, zuverlässig

Am besten für: SaaS-Onboarding-Screens

Ausgewogen und zuverlässig, wie ein gut organisiertes Dock mit zurückhaltender Farbgebung und ordentlich aufgewickelten Seilen. Diese französisch-blauen Farbkombinationen funktionieren am besten, wenn das Mittelblau für primäre Buttons und Fortschrittsanzeigen verwendet wird, während das blasse Blau Karten und Hilfetexte unterstützt. Das warme, gebrochene Weiß sorgt für Menschlichkeit, und Anthrazit gewährleistet einen zugänglichen Kontrast. Tipp: Verwenden Sie das hellste Blau für leere Zustände, damit sich neue Nutzer geführt und nicht überfordert fühlen.

Beispielbild für Harbor Neutrals, erstellt mit media.io

Welche Farben passen zu French Blue?

Französischblau harmoniert von Natur aus mit warmen Neutralen wie Creme, Leinen, Sand und Pergament. Diese machen die Palette weicher, halten Layouts luftig und verleihen dem Blau eine eher "Lifestyle"- als eine unternehmerische Ausstrahlung.

Für stärkeren Kontrast kombinieren Sie Französischblau mit Anthrazit, Tiefschwarz oder Tinten-Grau für Typografie und UI-Struktur. Fügen Sie einen metallischen Akzent (Messing/Gold) für ein hochwertiges Branding hinzu oder einen warmen Koralle-/Terrakotta-Ton für mehr Energie.

Wenn Sie eine kühlere, modernere Atmosphäre wünschen, setzen Sie auf Blau-Graus, blasses Eisblau und sanftes Weiß. Halten Sie die Sättigung kontrolliert, damit die Palette elegant und nicht sportlich wirkt.

Wie verwendet man eine French-Blue-Farbpalette in echten Designs?

Im UI-Design wählen Sie ein tiefes Französischblau für Navigation und Überschriften, ein Mittelblau für primäre Buttons und aktive Zustände sowie blassblaue Grau-Töne für Karten und Hintergründe. Diese Hierarchie hält Oberflächen ruhig und sorgt zugleich für guten Kontrast.

Für das Branding sollte Französischblau die Kernidentität prägen (Logo, Wortmarke, zentrale Visuals), während ein warmer Akzent (Messing, Beige, Koralle) gezielt als Highlight für Siegel, Tags oder Calls-to-Action eingesetzt wird. Die Akzentfarbe sparsam zu verwenden, lässt das Blau gezielter wirken.

In Innenräumen funktioniert Französischblau am besten als Wand- oder Schrankfarbe in Kombination mit warmem Weiß und natürlichen Texturen. Ausbalanciert mit Holz, beigen Textilien und mattschwarzer Hardware vermeiden Sie einen zu kühlen, maritimen Look.

Erstelle Visuals mit French-Blue-Paletten per KI

Wenn Sie Moodboards erstellen, einem Kunden präsentieren oder UI-Richtungen testen, helfen schnelle Visualisierungen dabei, eine Französischblau-Farbpalette vor der Produktion zu validieren. Mit Media.io können Sie die obigen Prompts in wenigen Minuten in konsistente Beispiele verwandeln.

Probieren Sie jeweils eine Palette aus und behalten Sie das Layout bei, während Sie die Farben tauschen, um die Ergebnisse zu vergleichen. So lässt sich einfach eine finale Richtung für Brandsysteme, Templates oder Produkt-UIs wählen.

Weiter: Old Rose Farbpalette