Cadet Blue Farbpalette: 21 Ideen mit Hex-Codes für Interior und Design

Cadet Blue (#5F9EA0) ist ein gedecktes Blaugrün, das ruhig, modern und vertrauenswürdig wirkt, ohne kühl zu erscheinen. Es ist eine zuverlässige Basisfarbe für Benutzeroberflächen, Markenauftritte und Print, da es sich gut mit sowohl warmen als auch kühlen Akzentfarben verträgt.

Im Folgenden findest du Kombinationsmöglichkeiten mit Cadet Blue samt HEX-Codes sowie praxisnahe Tipps zur Anwendung jeder Palette – von luftigem Küstenminimalismus bis zu kontrastreichen Dark-Mode-Designs.

Warum funktionieren Farbkombinationen mit Cadet Blue so gut?

Cadet Blue liegt genau zwischen Blau und Grün, sodass es sowohl ozeanisch und frisch als auch professionell und stabil wirkt. Diese Balance macht es zu einer starken „Primärmarkenfarbe“, die Layouts nicht dominiert.

Da Cadet Blue natürlicherweise gedeckt ist, reduziert es visuelles Rauschen in Benutzeroberflächen und Printsystemen. Es unterstützt lange Lesetexte, datenlastige Dashboards und Produktseiten, bei denen Klarheit wichtiger ist als auffällige Farben.

Es lässt sich außerdem einfach kombinieren: Aufhellen mit klarem Weiß, erwärmen mit Cremetönen und Metallen oder vertiefen mit Anthrazit und Marine für kontrastreiche moderne Looks.

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

1) Hafen-Nebel

HEX: #5F9EA0 #EAF4F4 #C9D6D8 #8FB3B7 #2F3E46

Stimmung: ruhig, luftig, küstennah

Am besten für: SaaS-Dashboards und Analyse-UIs

Ruhig und küstennah – diese Cadet-Blue-Töne erinnern an Nebel, der über einen stillen Hafen zieht. Nutze das blasse Blau-Grau für große Flächen und das tiefe Schiefer für Überschriften und Navigation. In Kombination mit klarem Weiß und feinen Linien-Icons ergibt sich eine moderne, ruhige Oberfläche. Tipp: Die dunkelste Nuance für primäre CTAs reservieren, um den Kontrast barrierefrei zu halten.

Beispielbild von Hafen-Nebel, 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) Messing-Baupläne

HEX: #5F9EA0 #D4A373 #FAEDCD #3D405B #1B263B

Stimmung: edel, vintage, selbstbewusst

Am besten für: Markenidentität und Visitenkarten

Edel und dezent Vintage – diese Cadet-Blue-Mischung erinnert an Skizzenpapier, Messingbeschläge und mit Tinte gezeichnete Pläne. Lass Cadet Blue den Ton angeben und nutze Messing für hochwertige Akzente bei Logos, Folienveredelungen oder Icons. Marineblau und Indigo halten Typografie klar und professionell – ohne hart zu wirken. Tipp: Die Cremefarbe ungestrichen drucken für ein haptisches, modern-klassisches Finish.

Beispielbild von Messing-Bauplänen, generiert mit media.io

3) Küstenleinen

HEX: #5F9EA0 #F7F3E9 #D6E2E4 #B7B7A4 #6B705C

Stimmung: sanft, natürlich, entspannt

Am besten für: Lifestyle-Blogs und Editorial-Layouts

Sanft und natürlich – erinnert an sonnengebleichtes Leinen und Treibholz am Ufer. Diese Cadet-Blue-Palette wirkt am besten, wenn warme Neutralfarben den Großteil ausmachen und Blau nur für Headlines, Zitate oder Links eingesetzt wird. Kombiniere sanfte Serifenschriften und großzügige Abstände für einen entspannten Editorial-Rhythmus. Tipp: Feine Körnungstexturen zufügen, damit die hellen Töne nicht flach wirken.

Beispielbild von Küstenleinen, generiert mit media.io

4) Stürmischer Pier

HEX: #5F9EA0 #354F52 #2F3E46 #84A98C #CAD2C5

Stimmung: stimmungsvoll, geerdet, outdoor

Am besten für: Outdoor-Marken und Produkt-Landingpages

Stimmungsvoll und geerdet – diese Cadet-Blue-Töne erinnern an einen Sturm, der über nasses Holz und salzige Luft zieht. Nutze Kohlegrün für markante Hero-Abschnitte und Cadet Blue für Buttons, Badges oder Highlights. Salbei und Nebel sorgen für Frische und einen naturverbundenen Eindruck. Tipp: Warme Fotos wählen und Überlagerungen halbtransparent halten, um Tiefe zu bewahren.

Beispielbild von Stürmischer Pier, generiert mit media.io

5) Korallen-Signal

HEX: #5F9EA0 #FF6B6B #FFE66D #F7FFF7 #4ECDC4

Stimmung: verspielt, sonnig, energiegeladen

Am besten für: Social-Media-Grafiken und Aktionen

Verspielt und sonnig – diese Cadet-Blue-Kombinationen erinnern an Strandsonnenschirme, Korallenbojen und helles Nachmittagslicht. Verwende Cadet Blue und Seafoam als Basis, damit Koralle und Gelb nur gezielte Highlights – keine Störer – sind. Perfekt für Promo-Kacheln, Storyvorlagen und Event-Ankündigungen, bei denen Lesbarkeit zählt. Tipp: Pro Grafik nur ein Korallen-Element als Blickfang nutzen, um Konkurrenz zu vermeiden.

Beispielbild von Korallen-Signal, generiert mit media.io

6) Tinten-Seegras

HEX: #5F9EA0 #0B1320 #1C2541 #A9D6D3 #F0F7F6

Stimmung: edel, modern, kontrastreich

Am besten für: Dark-Mode-UIs und Fintech-Apps

Edel und modern – erinnert an tintendunkles Wasser, in dem poliertes Seegras Licht fängt. Nutze Navy für Hintergründe und Container; Cadet Blue für interaktive Zustände und Fokusrahmen. Pfefferminz-Töne schaffen Klarheit in Diagrammen – ohne zu neonhaft zu wirken. Tipp: Fließtext in gebrochenem Weiß und leicht gedecktem Ton, um Blendungen im Dark Mode zu vermeiden.

Beispielbild von Tinten-Seegras, generiert mit media.io

7) Moderner nautischer Akzent

HEX: #5F9EA0 #FFFFFF #111827 #F59E0B #E5E7EB

Stimmung: frisch, modern, markant

Am besten für: Startup-Websites und Hero-Bereiche

Frisch und modern – erinnert an klare Segel, Graphit-Typo und einen warmen Sonnenstrahl. Diese Cadet-Blue-Kombination punktet, wenn Weiß dominiert, Schwarz für markante Typo und Amber als einzelner Aufmerksamkeits-Akzent genutzt wird. Besonders für SaaS-Homepages, Preistabellen und Feature-Callouts empfehlenswert. Tipp: Amber immer nur für eine primäre Aktion pro Screen, damit die Hierarchie klar bleibt.

Beispielbild von Modernem nautischen Akzent, generiert mit media.io

8) Nebeliges Monochrom

HEX: #5F9EA0 #7AAFB2 #A7CBCD #D6E8E9 #F6FBFB

Stimmung: ruhig, sanft, minimalistisch

Am besten für: Wellness-Apps und beruhigende UIs

Ruhig und sanft – diese Cadet-Blue-Palette erinnert an einen sanften Farbverlauf im Morgennebel. Die hellsten Töne sind optimal für Hintergründe und Karten, die mittleren Blaugrüns für Trenner und dezente Betonungen. Schmiegt sich gut an runde UI-Elemente und Illustrationen mit niedriger Sättigung. Tipp: Für die Hierarchie auf Schriftgewicht und Abstand setzen, statt weitere Farben hinzuzufügen.

Beispielbild von Nebeligem Monochrom, generiert mit media.io

9) Wüsten-Marina

HEX: #5F9EA0 #E9C46A #F4A261 #E76F51 #264653

Stimmung: warm, abenteuerlich, voller Sonnenlicht

Am besten für: Reiseplakate und Kampagnen-Designs

Warm und abenteuerlich: Diese Farbkombinationen in Cadet-Blau verbinden Hafenblau mit Wüstensonne und Tonerde. Nutze das tiefblaue Grün als Anker für Überschriften und lasse Gold und Terrakotta Illustrationen und Formen bestimmen. Diese Mischung eignet sich perfekt für Reisekampagnen, Veranstaltungsplakate und markante saisonale Launches. Tipp: Halte Farbverläufe dezent und wähle flache Formen, damit warme Akzente klar wirken.

Bildbeispiel einer Wüstenmarina erstellt mit media.io

10) Art Deco Hafen

HEX: #5F9EA0 #D4AF37 #2B2D42 #7B2CBF #F8F4E3

Stimmung: glamourös, dramatisch, luxuriös

Am besten für: Einladungen zu Veranstaltungen und Gala-Flyer

Glamourös und dramatisch: Es erinnert an Samtabendmode, Messinglichter und eine kühle Meeresbrise außerhalb des Veranstaltungsorts. Eine Cadet-Blau-Kombination wie diese funktioniert am besten mit markanter Geometrie, hohem Kontrast in der Schrift und Gold als edlem Detail. Kombiniere mit Art-Deco-Mustern, feiner Linienführung und großzügigen Rändern für ein hochwertiges Ergebnis. Tipp: Halte Hintergründe entweder Elfenbeinfarben oder dunkel Anthrazit – nie beides im selben Design – um visuelles Durcheinander zu vermeiden.

Bildbeispiel des Art-Deco-Hafens erstellt mit media.io

11) Botanisches Gewächshaus

HEX: #5F9EA0 #2D6A4F #95D5B2 #D8F3DC #F1FAEE

Stimmung: frisch, botanisch, regenerierend

Am besten für: Öko-Branding und Hautpflege-Verpackungen

Frisch und regenerierend: Diese Cadet-Blau-Farbpalette erinnert an beschlagenes Glas, Blattstiele und ein helles Gewächshaus. Nutze Cadet-Blau für Struktur und Vertrauen, dann kombiniere die Grüntöne für natürliche Inhaltsstoffe und ruhige Energie. Passt gut zu einfachen serifenlosen Schriften und botanischer Linienillustration. Tipp: Wähle ein mattes Finish, damit die hellen Grüntöne weich bleiben statt glänzend.

Bildbeispiel des botanischen Gewächshauses erstellt mit media.io

12) Winter-Spa

HEX: #5F9EA0 #E0FBFC #C2DFE3 #9DB4C0 #5C6B73

Stimmung: kühl, sauber, beruhigend

Am besten für: Gesundheitswebsites und Buchungsseiten

Kühl und sauber: Es erinnert an gefrostetes Glas, gefaltete Handtücher und stille Wintermorgen. Lass die eisigen Farbtöne die meisten Flächen abdecken und nutze Cadet-Blau für primäre UI-Elemente und leichte Hervorhebungen. Die stahlgrauen Töne unterstützen Schrift und Konturen ohne zu scharf zu werden. Tipp: Setze zusätzliches Weißraum und abgerundete Ecken ein, um den beruhigenden Charakter zu unterstreichen.

Bildbeispiel des Winter-Spa erstellt mit media.io

13) Tonstudio

HEX: #5F9EA0 #DDBEA9 #CB997E #FFE8D6 #6B705C

Stimmung: gemütlich, handgemacht, erdig

Am besten für: Fachgeschäfte und Produktseiten für Handarbeit

Gemütlich und handgemacht: Diese Cadet-Blau-Töne erinnern an Töpferton, Leinen-Schürzen und eine kühle blaue Glasur. Nutze warme Creme- und Brauntöne für Hintergründe und Produktfotografie-Rahmen, dann bringt Cadet-Blau Links und kleine Etiketten hervor. Das olivgraue sorgt für stabile Überschriften und verhindert eine zu süße Farbwirkung. Tipp: Setze subtile Papierstrukturen und vermeide reines Weiß für einen handwerklichen Look.

Bildbeispiel des Tonstudios erstellt mit media.io

14) Retro Poolseite

HEX: #5F9EA0 #073B4C #FFD166 #EF476F #F8F9FA

Stimmung: retro, lebhaft, sommerlich

Am besten für: Festivalplakate und Merchandise-Grafiken

Retro und lebhaft: Diese Cadet-Blau-Farbkombination erinnert an Poolfliesen, Sonnenhüte und auffällige Neon-Schilder – ohne Härte. Nutze tiefes Teal für Schrift und Konturen, Cadet-Blau für große Formen, um das klassische Wassergefühl zu erzeugen. Gelb und Pink dienen als kleine, energiegeladene Akzente für Datum, Sticker oder Icons. Tipp: Verwende dicke Linien und einfache Formen für den typischen Vintage-Plakat-Look.

Bildbeispiel der Retro Poolseite erstellt mit media.io

15) Tech Onyx

HEX: #5F9EA0 #0F172A #1F2937 #94A3B8 #E2E8F0

Stimmung: elegant, seriös, technologieorientiert

Am besten für: B2B Software-UI und Dokumentation

Elegant und seriös: Wie polierter Onyx mit kühlem, vertrauenswürdigen Blau als Highlight. Dunkle Farbtöne für Navigation und Codeblöcke, Cadet-Blau für Links, Schalter und aktive Elemente. Die sanften Stahltöne halten Tabellen und Dokumentationsseiten auch bei langen Sessions lesbar. Tipp: Icons monochrom halten und Blau nur für Statusänderungen verwenden.

Bildbeispiel von Tech Onyx erstellt mit media.io

16) Minimalistische Schreibwaren

HEX: #5F9EA0 #F8FAFC #E2E8F0 #64748B #334155

Stimmung: minimalistisch, ordentlich, professionell

Am besten für: Lebenslauf-Vorlagen und Präsentationen

Minimalistisch und ordentlich: Erinnert an frisches Papier, saubere Ränder und selbstbewusste Details. Nutze fast weiße Töne als Basis, Cadet-Blau für Abschnittsüberschriften und Highlights. Die Slate-Farbtöne unterstützen Diagramme und Teiler ohne den Inhalt zu dominieren. Tipp: Akzent-Nutzung auf Folien konsistent halten, damit das Design als gezielt wahrgenommen wird.

Bildbeispiel der minimalistischen Schreibwaren erstellt mit media.io

17) Kupferwelle

HEX: #5F9EA0 #B87333 #F3E9DC #7D8597 #2B2D42

Stimmung: warm, küstennah, hochwertig

Am besten für: Restaurant-Branding und Speisekarten

Warm und hochwertig: Erinnernd an Kupfergeschirr auf einer kühlen, wettergegerbten Küste. Die Cadet-Blau-Farbpalette ist besonders stark für Menüs, bei denen ruhige Lesbarkeit mit edlen Akzenten gefragt ist. Cadet-Blau mit Creme als Hauptfläche nutzen, Kupfer für Abschnitte, Preisakzente oder Stempel. Tipp: Kupfer als Flachfarbe oder Metallicdruck verwenden, aber maximal 10 Prozent Fläche für Eleganz.

Bildbeispiel der Kupferwelle erstellt mit media.io

18) Obstgarten-Brise

HEX: #5F9EA0 #6A994E #C8E6C9 #FFF3B0 #FFB703

Stimmung: frisch, fröhlich, frühlingshaft

Am besten für: Werbeflyer für Wochenmärkte und saisonale Aktionen

Frisch und frühlingshaft: Wie eine kühle Brise durch Obstgärten mit sonnigen Marktständen. Cadet-Blau kühlt die warmen Gelbtöne ab, Grün übernimmt Abzeichen, Icons und Kategorien. Passt gut zu handgezeichneten Illustrationen und freundlicher Typografie. Tipp: Gelb als Highlight für Datum und Calls-to-Action verwenden – so bleibt alles gut lesbar.

Bildbeispiel der Obstgarten-Brise erstellt mit media.io

19) Mitternachts-Aquarium

HEX: #5F9EA0 #001219 #005F73 #0A9396 #E9D8A6

Stimmung: tief, immersiv, kinoreif

Am besten für: Musikcover und Streaming-Thumbnails

Tief und kinoreif: Cadet-Blau-Farbkombinationen transportieren die Stimmung eines nächtlichen Aquariums, Lichtblitze durch das Wasser. Nahezu Schwarz und tiefes Teal für dramatische Hintergründe, Cadet-Blau und Aqua für markante Formen und Highlights. Der Sandton eignet sich perfekt für kleine Schrift oder ein einzelnes Logo, das hervorstechen soll. Tipp: Sanfte Glüheffekte nur sparsam einsetzen, damit das Farbschema edel bleibt.

Bildbeispiel des Mitternachts-Aquariums erstellt mit media.io

20) Sanfte Hochzeitsküste

HEX: #5F9EA0 #FFFFFF #FDF0D5 #FAD2E1 #D6E2E4

Stimmung: romantisch, luftig, elegant

Am besten für: Hochzeitseinladungen und Antwortkarten

Romantisch und luftig: Gefühl von Küstenhochzeiten mit Blüten und leichter Stoffbrise. Creme und Weiß als Hauptpapierfarbe nutzen, Cadet-Blau für Namen, Rahmen und Motive. Der Blushton sorgt für Wärme ohne das ruhige Blau-Grün zu überlagern. Tipp: Feine Illustrationsdetails nutzen und große Farbblöcke vermeiden für eine edle Druckoptik.

Bildbeispiel der sanften Hochzeitsküste erstellt mit media.io

21) Nordisches Seehaus

HEX: #5F9EA0 #F2F5F7 #BFC8D0 #8A9BA8 #2A3A44

Stimmung: skandinavisch, ruhig, ausgewogen

Am besten für: Innenarchitektur-Moodboards

Skandinavisch und ruhig: Spiegelt den Morgen im Seehaus mit kühler Luft und weichem Licht auf bemaltem Holz. Fast Weiß und blasses Grau für große Flächen, Cadet-Blau als charakteristisches Textil- oder Titel-Highlight. Das tiefere Slate eignet sich ideal für Etiketten und Rasterlinien, damit das Moodboard organisiert bleibt. Tipp: Bildmaterial möglichst entsättigen, damit die Farbpalette im Mittelpunkt bleibt.

Bildbeispiel des nordischen Seehauses erstellt mit media.io

Welche Farben passen gut zu Cadet Blue?

Cadet-Blau harmoniert wunderbar mit klaren Weiß- und sanften Blau-Grautönen für luftige, moderne Layouts. Für einen ruhigen, minimalistischen Look bleib bei kühlen Neutralen und sanften Teal-Nuancen.

Für wärmeren Kontrast kombiniere mit Creme, Sand, Messing, Kupfer oder Terrakotta – diese Akzente bringen Energie und halten die Gesamtpalette dennoch edel. Für markante Highlights können Koralle und sonniges Gelb als kleine Akzente hervorstechen.

Für dunkle UI passt Cadet-Blau gut zu Marineblau, Anthrazit und Slate. Mint oder helles Aqua fügen sich als Daten-Highlights und barrierearme Kontrast-States ein.

Wie verwendet man Cadet Blue in echten Designs?

Beginne mit einer Aufteilung der Rollen: Helle Nuancen als Hintergrund und Karten, Cadet-Blau für interaktive Elemente (Links, Buttons, Fokus-Ringe) und tiefes Slate/Marineblau für Schrift und Navigation. So bleibt die Hierarchie klar ohne zusätzliche Farben.

Im Branding steht Cadet-Blau für Vertrauen und Ruhe, ideal für Tech, Wellness, Öko und Küsten-Lifestyles. Warme Akzente (Gold, Kupfer, Koralle) nur auf kleine Bereiche wie Icons, Stempel oder eine primäre CTA einsetzen für einen klaren visuellen Rhythmus.

Für Druck verzichte auf zu grelle Weißtöne, wenn ein weicher Premium-Look gewünscht ist – Cremepapier und matte Oberflächen lassen Cadet-Blau natürlicher wirken. Kontrast immer testen (besonders bei mittleren Teal-Nuancen), um Lesbarkeit bei Überschriften und kleiner Schrift zu gewährleisten.

Erstelle Cadet-Blue-Paletten-Visuals mit KI

Zum Testen, wie Cadet-Blau in echten Layouts wirkt: Schnell Entwürfe generieren (Plakate, UI-Screens, Einladungen, Verpackung), bevor endgültige Design-Dateien entstehen. Das Anwenden der Palette hilft, Akzentfarbe und Kontrast optimal zu wählen.

Nutze die ausgewählte HEX-Palette als Leitfaden und beschreibe Designtyp, Hintergrundton und wo Cadet-Blau dominant sein soll (Buttons, Überschriften, Formen oder Typo). So erhältst du schnelle Varianten zum Vergleich von Stimmung und Lesbarkeit.

Weiter: Palette aus Weiß, Grün und Gelb