Preußisch Blau Farbpalette: 20 Farbkombinationen mit Hex Codes

Preußischblau ist ein tiefes, tintenblaues Klassiker, das modernen Designs sofort Glaubwürdigkeit, Ruhe und Struktur verleiht. Es wirkt anspruchsvoller als ein typisches Marineblau, bleibt dabei aber vertraut und branchenübergreifend einsetzbar.

Unten finden Sie 20 Ideen für Preußischblau-Farbpaletten (mit HEX-Codes) sowie praktische Kombinationshinweise und KI-Prompts, die Sie wiederverwenden können, um passende Visuals zu erstellen.

Warum funktionieren Preußischblau-Paletten so gut?

Preußischblau trifft eine perfekte Balance: dunkel genug, um stabil und hochwertig zu wirken, aber nicht so flach oder streng wie reines Schwarz. Das macht es ideal für Interfaces, Branding und redaktionelle Layouts, bei denen Hierarchie und Fokus wichtig sind.

Da es ein kühler, tiefer Ankerfarbton ist, lässt es sich sowohl mit klaren Neutralen (Weiß, Grau, Silber) als auch mit warmen Akzenten (Gold, Ocker, Terrakotta) kombinieren. Man kann es Richtung modernen Minimalismus oder klassischen Heritage-Stil verschieben, ohne die Grundfarbe zu ändern.

Es ist auch praktisch: Preußischblau unterstützt kontrastreiche Typografie, schafft klare Navigations-/Call-to-Action-Bereiche und sorgt dafür, dass große Flächen bei längerer Betrachtung angenehm bleiben.

20+ Ideen für Preußischblau-Farbpaletten (mit HEX-Codes)

1) Mitternachtshafen

HEX: #003153 #0b1f3a #1f4e79 #8fa6b8 #f2efe9

Stimmung: stimmungsvoll, maritim, edel

Am besten geeignet für: Finanz-Dashboard UI

Die stimmungsvollen Hafentöne erinnern an tiefes Wasser unter Stegen bei Nacht, ruhig und fokussiert. Ideal für Dashboards, bei denen Hierarchie zählt und der Kontrast auch bei langer Nutzung angenehm sein muss. Kombinieren Sie dunkle Blautöne mit sanftem Schiefer und warmem Offwhite, damit Tabellen und Diagramme gut lesbar bleiben. Tipp: Reservieren Sie das helle Creme für wichtige KPIs und Warnhinweise, um das Interface nicht zu überstrahlen.

Bildbeispiel für Mitternachtshafen, generiert mit media.io

Media.io

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

Jetzt kostenlos ausprobieren

2) Museums-Gold

HEX: #003153 #1a2b49 #c2a15a #f5f1e6 #2b2b2b

Stimmung: klassisch, kuratiert, hochwertig

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

Klassisch und kuratiert – diese Palette erinnert an Galeriewände, vergoldete Rahmen und stilles Selbstbewusstsein. Diese Preußischblau-Farbpalette glänzt in Luxus-Logos und Geschäftsausstattung, wenn man Tradition ohne altmodischen Touch will. Kombinieren Sie Gold mit Offwhite als Freiraum und halten Sie Anthrazit für Typografie und feine Linien vor. Tipp: Gold sparsam als Folienprägung oder Mikro-Akzent einsetzen, um den hochwertigen Eindruck zu bewahren.

Bildbeispiel für Museums-Gold, generiert mit media.io

3) Eisiger Stahl

HEX: #003153 #244b63 #5f7d8c #cfd8dc #ffffff

Stimmung: kühl, klar, technisch

Am besten geeignet für: SaaS-Landingpage

Kühl und klar – diese Töne erinnern an gebürstetes Metall und Winterluft. Besonders gut geeignet für SaaS-Websites, die Klarheit und Vertrauenswürdigkeit vermitteln möchten. Kombinieren Sie das tiefe Blau mit Stahblau-Verläufen und viel Weißraum für ein sauberes, skalierbares System. Tipp: Die dunkelste Nuance für Überschriften und Primär-Buttons nutzen, um die Seite zu verankern.

Bildbeispiel für Eisiger Stahl, generiert mit media.io

4) Botanische Tinte

HEX: #003153 #0e4d45 #2f6f55 #a7c4a0 #f4f0e8

Stimmung: erdig, beruhigend, botanisch

Am besten geeignet für: Naturkosmetik-Verpackung

Erdfarbene Tintenblau- und Blattgrün-Töne erinnern an Apothekeretiketten und Gewächshausruhe. Verwenden Sie sie auf Kosmetikverpackungen, um saubere Inhaltsstoffe zu kommunizieren und dennoch elegant zu bleiben. Kombinieren Sie das Creme mit den gedämpften Grüntönen für Flächen und Zutatenlisten und setzen Sie das tiefe Blau für das Markenlogo ein. Tipp: Matte Oberflächen und dezente Texturen unterstützen das organische Flair.

Bildbeispiel für Botanische Tinte, generiert mit media.io

5) Sonnenuntergang Ocker

HEX: #003153 #5a3d2b #c26a3d #f2c57c #f7f0e0

Stimmung: warm, rustikal, einladend

Am besten geeignet für: Restaurant-Menüdesign

Warme Ockertöne gegen tiefes Blau wirken wie Kerzenlicht in einem gemütlichen Speiseraum. Perfekt für Menüs, die handwerklich, bodenständig und einladend wirken sollen. Setzen Sie Blau für Überschriften und Ockerblöcke für Trenner, das helle Creme sorgt für Lesbarkeit. Tipp: Fließtext in Dunkelbraun halten, um harten Kontrast zu vermeiden und dennoch gute Lesbarkeit zu bieten.

Bildbeispiel für Sonnenuntergang Ocker, generiert mit media.io

6) Neon-Signal

HEX: #003153 #101820 #00b3ff #00e676 #f7ff00

Stimmung: energetisch, futuristisch, mutig

Am besten geeignet für: Gaming-Poster

Elektrische Highlights auf Mitternachtsgrund lassen an Arcade-Glanz und schnelle Action denken. Ideal für Gaming-Designs, die sofort auffallen, aber dennoch Tiefe bieten sollen. Kombinieren Sie Cyan und Neongrün für UI-Elemente und setzen Sie Gelb sparsam als Akzent für Handlungsaufrufe. Tipp: Großzügig dunkle Flächen anlegen, damit die knalligen Akzente gezielt wirken und nicht überladen.

Bildbeispiel für Neon-Signal, generiert mit media.io

7) Samt-Pflaume

HEX: #003153 #2a1b3d #5c2a5f #d9a0b3 #f6e8e3

Stimmung: romantisch, luxuriös, dramatisch

Am besten geeignet für: Einladung zur Abendveranstaltung

Romantisch und luxuriös – erinnert an Samtvorhänge und nächtliche Cocktails. Diese Preußischblau-Kombis harmonieren besonders schön mit Pflaume für dramatische Einladungen und RSVP-Karten. Blush als weicher Gegenpol und helles Creme für Ränder und Kleingedrucktes. Tipp: Elegante Serifenschriften in den dunkelsten Tönen halten die stimmungsvolle Atmosphäre.

Bildbeispiel für Samt-Pflaume, generiert mit media.io

8) Küstensand

HEX: #003153 #1b365d #4a6fa5 #d9c7a3 #faf6ed

Stimmung: entspannt, luftig, maritim

Am besten geeignet für: Reiseblog-Header

Luftige Blautöne mit sandigen Neutraltönen erinnern an Meeresbrise und sonnengebleichte Holzstege. Für Reise-Header und Abschnitts-Banner, wenn Optimismus und klare Struktur gefragt sind. Sandfarben für Hintergründe und Buttons, die dunkleren Blautöne für Titel und Navigation. Tipp: Für konsistente Bildsprache Fotos mit kühlem Schatten und warmen Highlights wählen.

Bildbeispiel für Küstensand, generiert mit media.io

9) Betonloft

HEX: #003153 #2e3a44 #6c7a89 #b0bec5 #eceff1

Stimmung: industriell, modern, zurückhaltend

Am besten geeignet für: Architektur-Portfolio-Website

Zurückhaltend und industriell – erinnert an Beton, Stahlträger und klare Baupläne. Passt zu Architektur-Portfolios, die Zurückhaltung mit hochwertigem Feeling kombinieren. Die dunkleren Töne für Navigation und Bildunterschriften einsetzen, die hellen Grautöne für luftige Galerien. Tipp: Viel Weißraum lassen, damit die kühle Palette nicht schwer wirkt.

Bildbeispiel eines mit media.io generierten Beton-Lofts

10) Cherry Ember

HEX: #003153 #4b0f1a #a4161a #f6aa1c #f4f1de

Stimmung: kraftvoll, filmisch, hoher Kontrast

Am besten geeignet für: Flyer für Kinoabend

Filmische Kontraste sorgen für das Gefühl von Samtsitzen, Leuchtschildern und einer späten Vorstellung. Verwenden Sie es für Flyer, wenn Sie Energie und klare Handlungsanreize schaffen möchten. Kombinieren Sie Rot als Aufmerksamkeitsfarbe für Termine und Ticketinfos, während das tiefe Blau das Layout stabilisiert. Tipp: Halten Sie das Gelb auf ein bis zwei Elemente beschränkt, damit es wie ein Scheinwerfer wirkt und nicht überladen erscheint.

Bildbeispiel von Cherry Ember, generiert mit media.io

11) Arctic Aurora

HEX: #003153 #0d3b66 #00a6a6 #7ae582 #f0f7f4

Stimmung: frisch, optimistisch, luftig

Am besten geeignet für: Wellness-App Onboarding

Frisch und luftig erinnert es an Polarlichter am klaren Winterhimmel. Ideal für Wellness-Onboarding-Screens, bei denen Beruhigung und sanfter Schwung gefragt sind. Kombinieren Sie Türkis und Mint für Fortschrittsanzeigen und behalten Sie das tiefe Blau für primäre Aktionen und Beschriftungen bei. Tipp: Nutzen Sie sanfte Verläufe zwischen Türkis und Mint für flüssige Übergänge.

Bildbeispiel von Arctic Aurora, generiert mit media.io

12) Paper and Ink

HEX: #003153 #14213d #e5e5e5 #fca311 #000000

Stimmung: editorial, prägnant, modern

Am besten geeignet für: Zeitschriftenlayout

Editorial und prägnant – wie frische Tinte auf sauberem Papier mit einem kräftigen Bernstein-Kick. Dieses Preußischblau eignet sich perfekt für Magazine mit starker Typografie und klarer Gliederung. Kombinieren Sie das Bernstein für Zitate und kleine Abzeichen, während Grau und Weiß die Spalten luftig halten. Tipp: Setzen Sie Fließtext in fast Schwarz und reservieren Sie das tiefste Blau für Überschriften.

Bildbeispiel von Paper and Ink, generiert mit media.io

13) Terracotta Studio

HEX: #003153 #264653 #e76f51 #f4a261 #e9c46a

Stimmung: kreativ, warm, zeitgenössisch

Am besten geeignet für: Künstlerportfolio Branding

Kreative Wärme trifft auf blaue Struktur – wie Ton auf dem Regal eines Ateliers vor bemalten Wänden. Perfekt für Künstler-Branding mit Persönlichkeit und Professionalität. Heben Sie Terracotta für Highlights und Buttons hervor, lassen Sie Blaugrün Hintergründe und Überschriften stützen. Tipp: Wählen Sie eine warme Signaturfarbe und halten Sie den Rest als unterstützende Töne zurück.

Bildbeispiel von Terracotta Studio, generiert mit media.io

14) Orchid Mist

HEX: #003153 #2c2a4a #7d5ba6 #cbb4d4 #f7f2f8

Stimmung: sanft, verträumt, modern-romantisch

Am besten geeignet für: Beauty-Produktanzeige

Verträumtes Violett und tintiges Blau wirken wie ein Abend in Weichzeichner und hauchzartem Stoff. Ideal für Beauty-Anzeigen, die Romantik mit moderner Klarheit verbinden. Setzen Sie blasses Lavendel als ruhigen Hintergrund ein und lassen Sie Preußischblau für Produktnamen und Claims wirken. Tipp: Setzen Sie einen einzigen starken Kontrastpunkt, wie einen dunklen Button oder Badge, für bessere Übersicht.

Bildbeispiel von Orchid Mist, generiert mit media.io

15) Rainy Boulevard

HEX: #003153 #1d3557 #457b9d #a8dadc #f1faee

Stimmung: frisch, urban, nachdenklich

Am besten geeignet für: Nachrichten-App UI

Frisch und nachdenklich – wie Regen auf Asphalt mit hellen Spiegelungen. Diese Preußischblau-Farbpalette wirkt für News-Apps, bei denen Glaubwürdigkeit und Lesbarkeit oberstes Gebot sind. Hellere Aqua-Töne für Tags und Sekundärzustände, tiefste Nuancen für Überschriften und Navigation. Tipp: Sorgen Sie mit Off-White anstelle von reinem Weiß bei Artikeln für den richtigen Kontrast.

Bildbeispiel von Rainy Boulevard, generiert mit media.io

16) Brass and Leather

HEX: #003153 #2b2118 #7a5c3e #c9a227 #f3ead7

Stimmung: traditionell, maskulin, handwerklich

Am besten geeignet für: Kaffee-Verpackung

Traditionelle Farbtöne erinnern an ein ledergebundenes Notizbuch neben warmen Messingbeschlägen. Perfekt für Kaffeeverpackungen, die handwerkliche Glaubwürdigkeit mit etwas Vintage verbinden. Verwenden Sie Gold für Siegel und kleine Icons, während tiefes Blau und Espressobraun Brandname und Röstgrad transportieren. Tipp: Texturen dezent halten und Farbkontraste erzählen lassen.

Bildbeispiel von Brass and Leather, generiert mit media.io

17) Celadon Calm

HEX: #003153 #1f3d4d #5c8a72 #b7d1c4 #f6f5ef

Stimmung: ausgewogen, beruhigend, natürlich

Am besten geeignet für: Spa-Website

Beruhigend und ausgewogen – wie Dampf, Eukalyptus und leise Fliesen. Optimal für Spa-Websites, bei denen Gäste entschleunigen und Vertrauen fassen sollen. Kombinieren Sie Celadon-Hintergründe mit tiefblauen CTAs, und lassen Sie Off-White lange Textpassagen tragen. Tipp: Runde UI-Elemente und dünne Trenner sorgen für ein ruhiges, luftiges Feeling.

Bildbeispiel von Celadon Calm, generiert mit media.io

18) Citrus Note

HEX: #003153 #1b2d5c #ffb703 #fb8500 #fefae0

Stimmung: leuchtend, selbstbewusst, modern

Am besten geeignet für: Podcast-Cover-Art

Helles Zitrus auf tiefblauem Grund fühlt sich an wie ein klarer Beatdrop und Energie-Kick. Hervorragend für Podcast-Cover, die auch als Thumbnail auffallen sollen. Orange für Titelblock, Gelb für kleine Akzente, Icons oder Episodennummern. Tipp: Fette serifenlose Schrift und starke Formen sorgen für sofort sichtbaren Kontrast.

Bildbeispiel von Citrus Note, generiert mit media.io

19) Rose Slate

HEX: #003153 #33415c #7d8597 #efc3c5 #f8f3f4

Stimmung: sanft, erwachsen, modern

Am besten geeignet für: Hochzeits-Website

Sanftes Schiefer und Rosa wirken wie gepresste Blumen in einem modernen Umschlag. Diese Preußischblau-Kombinationen verleihen Hochzeitsseiten Raffinesse ohne Übertradition. Blush als Highlight und für Abschnittsüberschriften, tiefblau für Navigation und RSVP-Buttons. Tipp: Helle Hintergründe nutzen, dunklere Töne für Struktur und Barrierefreiheit einsetzen.

Bildbeispiel von Rose Slate, generiert mit media.io

20) Galaxy Chalk

HEX: #003153 #0b1320 #3a506b #b8c1cc #fdfcdc

Stimmung: akademisch, durchdacht, modern

Am besten geeignet für: Online-Kursfolien

Durchdacht und akademisch – wie eine Tafel-Nacht und klare Vorlesungsnotizen. Ideal für Kursfolien, bei denen Klarheit und Rhythmus wichtiger sind als Dekor. Weiches Gelb für Kernaussagen, helles Grau für Diagramme und Bildunterschriften, die dunkelsten Töne für Titel. Tipp: Pro Folie nur eine Akzentfarbe, damit der Inhalt im Fokus bleibt.

Bildbeispiel von Galaxy Chalk, generiert mit media.io

Welche Farben passen gut zu Preußischblau?

Preußischblau lässt sich mühelos mit sauberen Neutralen wie Off-White, warmem Creme, Hellgrau und Anthrazit kombinieren. Diese Mischungen erhalten die Lesbarkeit und verleihen Überschriften, Navigation und primären Buttons Struktur.

Für einen Premium-Look fügen Sie metallische Akzente wie gedecktes Gold, Messing oder Kupfer hinzu. Für eine verspielte, moderne Note funktionieren leuchtende Signalfarben wie Cyan, Citrusgelb oder Orange – solange sie dezent eingesetzt bleiben und die Palette elegant bleibt.

Es passt auch hervorragend zu naturnahen Farben: Celadon, Salbei, tiefes Türkis und pudriges Rosa. Diese mildern die Intensität des Blaus und eignen sich ideal für Wellness-, Beauty- und Lifestyle-Designs.

Wie verwendet man eine Preußischblau-Farbpalette in echten Designs?

Nutzen Sie Preußischblau als Anker: für Hintergründe, Hero-Blöcke, Navigationsleisten oder markante Überschriften. Wählen Sie dann ein helles Neutral (Off-White/Creme), damit lange Textelemente und dichte UI-Komponenten gut lesbar bleiben.

Legen Sie eine Akzentrolle fest und bleiben Sie dabei: entweder ein warmer Akzent (Gold/Ocker/Terracotta) für CTA-Momente oder ein kühler Akzent (Türkis/Cyan/Mint) für Statusanzeigen und gezielte Hervorhebung. Einheitlichkeit sorgt für ein stimmiges Design.

Im Zweifel nach Kontrast staffeln: dunkelste Töne für Titel und Hauptaktionen, mittlere für Panels und Rahmen, helle für Flächen. So bleibt die Hierarchie klar, ohne dass es viele dekorative Elemente braucht.

Preußischblaue Paletten-Visuals mit KI erstellen

Wenn Sie bereits HEX-Codes besitzen, können Sie passende Mockups schnell generieren, indem Sie das Layout beschreiben und die Palette die Stimmung lenken lassen. Verwenden Sie die obenstehenden Prompts, um konsistente Visuals für Markenboards, UI, Verpackungen oder Poster zu kreieren.

Mit Media.io können Sie ein Preußischblau-Farbschema in wenigen Minuten in ausgefeilte Bilder verwandeln – und dann Akzente (Gold, Terracotta, Mint) austauschen, während das tiefe Blau als Basis bleibt.

Starten Sie mit einer Palette, generieren Sie einige Varianten und behalten Sie den Look, der für Ihre Marke oder Kampagne am besten funktioniert.

Weiter: Lava-Farbpalette