20 moderne Ultramarin-Farbpaletten und Kombinationen zum Ausprobieren

Ultramarine (#120A8F) ist ein tiefes, selbstbewusstes Blau, das Schnittstellen, Postern und Markensystemen sofort Struktur verleiht. Es liest hochwertig und modern und bleibt gleichzeitig vielseitig in digitalen und gedruckten Bereichen.

Nachfolgend finden Sie kuratierte ultramarine Farbpaletten-Mischungen mit Hex-Codes, Stimmungsnoten und praktischen Paarungstipps – so können Sie ein Schema auswählen, das zu Ihrer Botschaft und Ihren Layoutbeschränkungen passt.

Warum Ultramarin-Paletten So gut funktionieren

Ultramarin hat natürliche Autorität: Es ist dunkel genug, um layouts zu erden, aber gesättigt genug, um sich bewusst und energiegeladen zu fühlen. Diese balance macht es zu einer zuverlässigen "Ankerfarbe" für Systeme, die Hierarchie benötigen.

In der Benutzeroberfläche hilft ultramarine, navigation, aktive Zustände und Heldenelemente zu trennen, ohne sich auf schwere Grenzen zu verlassen. Beim branding signalisiert es Vertrauen und Vertrauen, während es dennoch Platz für warme Akzente wie Bernstein, Terrakotta oder gold lässt.

Da es gut zu kühlen Farbtönen (cyan, seafoam, periwinkle) und warmen Ergänzungen (orange, pink, beige) passt, kann ein ultramarines Farbschema die Stimmung verändern – von minimalem Luxus zu kühner Kampagne – ohne die Kohärenz zu verlieren.

20+ Ultramarine Farbpalette Ideen (mit Hex-Codes)

1) Mitternachtssegel

Sechskant:#120A8F#0B1D39#2E5AAC#F4F1E8#C9B18C

Stimmung:nautisch, selbstbewusst, raffiniert

Am besten für:Abschnitte Markenidentität und Helden

Nautisch und selbstbewusst fühlt es sich wie Nachtwasser unter einem sauberen Scheinwerfer an. Diese ultramarine Farbpalette funktioniert hervorragend für Premium-Branding, Zielseiten und fette Navigationsleisten. Kombinieren Sie die tiefen Blauen mit warmem sand und cremigem Weiß, um den Kontrast lesbar und elegant zu halten. Benutzungstipp: Reservieren Sie das gold-beige für kleine highlights wie Symbole, Abzeichen und wichtige CTAs.

Bildbeispiel von midnight sail generiert mit media.io

Media.io

Media.io ist ein Online-KI-Studio zum Erstellen und Bearbeiten von Videos, Bildern und Audios in Ihrem browser.

Jetzt kostenlos ausprobieren

2) Moderne Delft

Sechskant:#1E3A8A#3B82F6#93C5FD#F8FAFC#F59E0B

Stimmung:Frisch, hell, freundlich

Am besten für:app UI und dashboards

Frisch und optimistisch, es erinnert an glasierte Keramikfliesen und klares Tageslicht. Die geschichteten Blautöne geben Ihnen eine natürliche Hierarchie für UI-Zustände, während der warme Bernstein sofort Fokus verleiht. Verwenden Sie das hellste Blau und off-white als Oberflächen und bringen Sie dann den tiefen ultramarine für Header und aktive tabs ein. Tipp: Halten Sie den orangefarbenen Farbton auf eine Hauptaktion pro Bildschirm, um visuelles Rauschen zu vermeiden.

Bild Beispiel für moderne delft generiert mit media.io

3) Samtoper

Sechskant:#1A0B6E#7C3AED#F472B6#111827#F9FAFB

Stimmung:Dramatisch, luxe, Künstlerisch

Am besten für:Veranstaltungsplakate und Albumkunst

Dramatisch und luxuriös, es fühlt sich an wie Samtvorhänge und Bühnenbeleuchtung. Deep indigo und Holzkohle schaffen eine stimmungsvolle Basis, während Violett und Rosa eine starke Energie für Schlagzeilen bringen. Verwenden Sie das blasse Weiß für den negativen Raum um die Titel, damit die hellen Akzente nicht überwältigen. Tipp: Wenden Sie das Rosa nur auf wichtige Fokuselemente wie Datum, Symbol oder einen einzigen Gradientenstrich an.

Bild Beispiel von velvet opera generiert mit media.io

4) Küstentinte

Sechskant:#162B75#0a5e9#14B8A6#E2E8F0#0F172A

Stimmung:Knusprig, modern, küstlich

Am besten für:SaaS-Websites und Infografik

Krisch und küstlich, es deutet auf Tintenlinien, Meerglas und saubere Luft hin. Die leuchtenden Cyan-und Teal-Farben verhindern, dass sich die dunkleren Blautöne schwer anfühlen, sodass es sich hervorragend für SaaS-Seiten und Datenvisuals eignet. Kombinieren Sie das hellgrau mit blau für sekundäre Paneele und reservieren Sie das nahezu schwarze für text. Tipp: Verwenden Sie cyan sparsam für interaktive Zustände wie hover und ausgewählte Indikatoren.

Bildbeispiel von Küstentinte erzeugt mit media.io

5) Galerie Scheinwerfer

Sechskant:#1D2D8C#E5E7EB#FFFFFF#D4AF37#111111

Stimmung:minimal, premium, hoher Kontrast

Am besten für:Anzeigen für Luxusprodukte

Minimal und premium, es fühlt sich wie eine ruhige Galerie mit einem einzigen Scheinwerfer an. Ultramarine und Schwarz liefern Autorität, während Weiß und weiches Grau alles scharf und redaktionell halten. Fügen Sie das gold nur dort hinzu, wo Sie das Auge landen möchten, wie zum Beispiel ein logo oder ein Preisdetail. Tipp: Halten Sie den Hintergrund sauber, damit das tiefblaue Lesen absichtlich ist, nicht schwer.

Bildbeispiel von Galerie spotlight generiert mit media.io

6) Astrale Zitrusfrüchte

Sechskant:#1B2A9B#F97316#FDE68A#0F172A#F8FAFC

Stimmung:Mutig, energisch, futuristisch

Am besten für:Kampagnenbanner und CTAs

Mutig und energisch erinnert er an einen Nachthimmel, der mit hellem Zitruslicht geschnitten ist. Diese ultramarinen Farbkombinationen eignen sich ideal für Kampagnenbanner, bei denen Sie sofortigen Kontrast und einen klaren Aufruf zum Handeln benötigen. Lassen Sie das tiefe Blau und die Holzkohle den Hintergrund tragen, dann pop orange für Knöpfe und highlights. Tipp: Verwenden Sie das hellgelbe als weiches Leuchten hinter Schlagzeilen und nicht als Körpertext.

Bildbeispiel von astral citrus generiert mit media.io

7) Botanische Mitternacht

Sechskant:#15206B#0F766E#84CC16#F3F4F6#334155

Stimmung:Erdig, ruhig, nächtlich

Am besten für:Botanische Illustrationen und Etiketten

Erdig und ruhig, fühlt es sich wie ein Garten nach Regen unter einem tiefblauen Himmel an. Die Grünen lesen natürlich und zeitgenössisch gegen die nachtsfarbene Basis, was sie hervorragend für Pflanzenmarken oder ökologische Botschaften macht. Verwenden Sie das off-white für den Etikettenraum und behalten Sie den Schiefer für die Typographie und Linearbearbeitung. Tipp: Fügen Sie das bright leaf green nur zu Heldenblättern oder einem einzelnen Akzentstempel hinzu.

Bildbeispiel von botanical midnight generiert mit media.io

8) Papierpigment

Sechskant:#2431A5#E11D48#F1F5F9#A3A3A3#0B0F1A

Stimmung:Redaktionell, schlagartig, modern

Am besten für:Magazincover und soziale Beiträge

Redaktionell und scharf, es sieht aus wie frische Tinte auf knackigem Papier. Das heiße Rot sorgt für sofortige Betonung, während das ultramarine das layout geerdet und modern hält. Verwenden Sie das hellgrau als großzügige Leerzeichen und lehnen Sie sich auf fast schwarz für lesbare Untertitel. Tipp: Halten Sie das Rot auf ein oder zwei Elemente, wie ein Tag-Label oder eine einzige Unterstreichung, für eine saubere Hierarchie.

Bildbeispiel von Papierpigment erzeugt mit media.io

9) Retro Arcade

Sechskant:#2B18FF#FF2D95#00D1FF#0B1021#F8FAFC

Stimmung:Verspielte, neon, hochenergetisch

Am besten für:Stream-Überlagerungen und promos

Verspielter und neon, es fühlt sich an wie Arcade-Lichter gegen einen dunklen Raum. Elektrisches Blau und cyan sorgen für eine technologisch fortschrittliche Atmosphäre, während das heiße Rosa einen lustigen, jugendlichen punch verleiht. Verwenden Sie die nahezu schwarze Farbe für die Hauptleinwand, damit die hellen Farben kontrolliert bleiben. Tipp: Wenden Sie die Neon-Töne als Striche und Glow-Highlights anstelle von Vollblöcken an, um es lesbar zu halten.

Bildbeispiel eines Retro-Arcade, erzeugt mit media.io

10) Ruhige Bibliothek

Sechskant: #1F2A7A #6B7280 #D1D5DB #F5F3E7 #8B5E34

Stimmung: ruhig, akademisch, zeitlos

Am besten für: Veröffentlichungsseiten und Portfolios

Ruhig und akademisch, erinnert es an gebundene Bücher und sanfte Leselampen. Das tiefe Blau verankert das Design, während warmes Creme und Braun einen leisen, menschlichen Touch hinzufügen. Verwende die Grautöne für sekundäre Benutzeroberflächen und längere Layouts, bei denen minimale Ablenkung gewünscht ist. Tipp: Spare das Braun für kleine Trennlinien oder Icons, damit es wie eine subtile Patina bleibt und nicht zu einer konkurrierenden Überschrift wird.

Bildbeispiel einer ruhigen Bibliothek, erzeugt mit media.io

11) Keramikblüte

Sechskant: #253494 #F43F5E #FB7185 #FFF7ED #22C55E

Stimmung: fröhlich, floral, kreativ

Am besten für: Einladungen und Papeterie

Fröhlich und floral, fühlt es sich an wie bemalte Keramik und Frühlingsblumenstrauß. Das kräftige Blau hält die Komposition stabil, während die rosigen Töne Wärme und Feierlichkeit hinzufügen. Verwende den Cremehintergrund für gute Lesbarkeit der Typografie und lasse das Grün als botanischen Akzent wirken. Tipp: Versuche Pink als Schleifenform hinter Namen, mit Ultramarin für Text und Rahmen.

Bildbeispiel einer Keramikblüte, erzeugt mit media.io

12) Nachtmarkt

Sechskant: #0F1A5A #F59E0B #DC2626 #F1F5F9 #111827

Stimmung: lebhaft, urban, appetitlich

Am besten für: Food-Flyer und Restaurantwerbung

Lebhaft und urban erinnert es an Laternen, Schilder und nächtliche Stände. Das warme Bernstein und Rot leuchten brilliant auf dem dunklen Blau – perfekt für Food-Promotion und mutige Überschriften. Verwende das Off-White für Menütextblöcke und das fast Schwarz für feinen Druck. Tipp: Setze Bernstein als Haupt-Highlightfarbe und lasse Rot nur für Specials oder zeitlich begrenzte Tags erscheinen.

Bildbeispiel von Nachtmarkt, erzeugt mit media.io

13) Bergschatten

Sechskant: #1C2C6B #64748B #94A3B8 #E2E8F0 #16A34A

Stimmung: naturverbunden, stabil, kühl

Am besten für: Reiseblogs und Karten-UI

Naturverbunden und stabil fühlt es sich an wie Bergschatten mit einer Spur Kiefer. Die Schieferblau schaffen verlässliche Struktur für Karten, Navigation und inhaltsreiche Seiten. Verwende das blassgrau-blaue als Leinwand und halte Grün für Standort-Pins oder Statusanzeigen bereit. Tipp: Für Zugänglichkeit lege weißen Text nur auf das dunkelste Blau und vermeide Grün für lange Absätze.

Bildbeispiel von Bergschatten, erzeugt mit media.io

14) Luxus Minimal

Sechskant: #1A237E #F5F5F4 #D6D3D1 #0A0A0A #C4A484

Stimmung: luxuriös, ruhig, architektonisch

Am besten für: Verpackung und Premium-Branding

Luxuriös und ruhig, erinnert es an Marmor, Tinte und warme Messingdetails. Diese Ultramarin-Farbpalette glänzt auf Premium-Verpackungen, wo Kontrast und Zurückhaltung wichtig sind. Kombiniere das tiefe Blau mit sanften Stein-Neutraltönen und nutze das Beige als metallischen Akzent für Siegel, Rahmen oder kleine Icons. Tipp: Drucke das Ultramarin als großes Feld und halte den Akzent bei feinen Linien für einen exklusiven Abschluss.

Bildbeispiel von Luxus Minimal, erzeugt mit media.io

15) Prisma Verlauf

Sechskant: #0B0F6A #2563EB #38BDF8 #A78BFA #F8FAFC

Stimmung: sauber, digital, optimistisch

Am besten für: Tech-Landingpages und Farbverläufe

Sauber und optimistisch, sieht es aus wie Licht, das durch Glas gebrochen wird. Die gestuften Blautöne und das sanfte Violett eignen sich perfekt für moderne Farbverläufe, Diagramme und Hero-Illustrationen. Verwende das Off-White für Freiraum und mische das Mittelblau mit Cyan für Tiefe ohne harte Kanten. Tipp: Wende das Violett als sekundäre Verlaufstation an, so erscheint es als Premium-Detail und nicht als Ablenkung.

Bildbeispiel von Prisma Verlauf, erzeugt mit media.io

16) Solar-Plakat

Sechskant: #1E2A9E #FACC15 #F43F5E #0F172A #FAFAF9

Stimmung: kraftvoll, sonnig, grafisch

Am besten für: Festivalplakate und Ankündigungen

Kraftvoll und sonnig, fühlt es sich an wie ein Ultramarin-Himmel mit einer Pop-Art-Sonne. Diese Ultramarin-Kombinationen sind für Plakate gemacht, die aus der Entfernung Eindruck machen sollen. Halte die dunklen Töne für große Formen und nutze Gelb für Spotlights wie Titel oder Daten, mit Pink als sekundären Akzent. Tipp: Verwende das Off-White für kleinen Text, damit die hellsten Farben für Hervorhebung reserviert bleiben.

Bildbeispiel von Solar-Plakat, erzeugt mit media.io

17) Schiefer Seefoam

Sechskant: #18206F #5EEAD4 #0F766E #CBD5E1 #1F2937

Stimmung: kühl, ausgeglichen, erfrischend

Am besten für: Wellness-Marken und Web-Abschnitte

Kühl und ausgeglichen erinnert es an Seefoam auf dunklem Felsen. Das Minzgrün macht das tiefe Blau weicher und vermittelt ein ruhiges, vertrauenswürdiges Gefühl für Wellness- und Lifestyle-Seiten. Verwende das helle Schiefer als Haupt-Hintergrund und halte die dunkelsten Töne für Überschriften. Tipp: Setze Minze für Hover- und aktive Zustände, um subtile Bewegung ohne Lautstärke zu schaffen.

Bildbeispiel von Schiefer Seefoam, erzeugt mit media.io

18) Editorial Navy

Sechskant: #151B54 #E5E7EB #9CA3AF #B91C1C #FFFFFF

Stimmung: seriös, journalistisch, autoritär

Am besten für: Berichte und redaktionelle Layouts

Seriös und autoritär, wirkt wie eine Zeitung für das Web neu gedacht. Das Navy und die Grautöne unterstützen dichte Inhalte, während das tiefe Rot einen klassischen Editorial-Akzent für Links oder Hinweise bietet. Verwende Weiß für großzügige Ränder und lasse Grau Trennlinien und Bildunterschriften übernehmen. Tipp: Halte Rot nur für eine Systemfunktion, wie z.B. Alerts oder Abschnitt-Tags, für einheitliches Scannen.

Bildbeispiel von Editorial Navy, erzeugt mit media.io

19) Orchidee Nacht

Sechskant: #1B0F8A #C026D3 #F0ABFC #0B1320 #F5F3FF

Stimmung: geheimnisvoll, traumhaft, glamourös

Am besten für: Beauty Branding und Social Ads

Geheimnisvoll und traumhaft, erinnert es an Orchideen, die in einem dunklen Raum leuchten. Die violett-pinke Palette wirkt glamourös, während das tiefe Blau sie modern und bodenständig macht. Verwende das blasse Lavendel als weichen Hintergrund und nutze Magenta für Highlights wie Produktnamen oder Sticker. Tipp: Füge subtile Verläufe zwischen Ultramarin und Violett hinzu, um Tiefe ohne zusätzliche Farben zu schaffen.

Bildbeispiel von Orchidee Nacht, erzeugt mit media.io

20) Warme Terrakotta

Sechskant: #1D2A8F #C2410C #FB923C #FDEBD0 #374151

Stimmung: warm, bodenständig, handgemacht

Am besten für: Home-Deko-Marken und Lookbooks

Warm und bodenständig erinnert es an Ton, Leinen und tiefe Blauglasur. Die Terrakotta-Töne lassen das Blau reicher und zugänglicher erscheinen – ideal für Home-Deko und handgemachte Produkte. Verwende das Creme als Hauptseiten-Hintergrund und halte Kohle für Text und Konturen bereit. Tipp: Lass Orange für kleine Details wie Buttons und Tags führen und Blau für Überschriften und Rahmen verankern.

Bildbeispiel von Warme Terrakotta, erzeugt mit media.io

Welche Farben passen gut zu Ultramarin?

Ultramarin harmoniert wunderschön mit warmen Komplementärfarben – Orange, Bernstein, Terrakotta und Gold – da sie sofortigen Kontrast schaffen und Aufmerksamkeit auf CTAs, Preise oder wichtige Labels lenken.

Für ruhigere, zeitgemäße Mischungen: Kombiniere Ultramarin mit kühlen Akzenten wie Cyan, Teal, Seefoam oder sanftem Violett. So bleibt die Palette „digital“ und luftig, während die Tiefe des Basisblau erhalten bleibt.

Für einen minimalen und Premium-Look: Kombiniere Ultramarin mit Weiß, Off-White, Hellgrau und fast Schwarz. Füge einen metallischen Akzent (Beige/Gold) in kleinen Mengen für einen edlen Abschluss hinzu.

So verwenden Sie eine Ultramarine Farbpalette in echten Designs

Nutze Ultramarin als Strukturfarbe: Überschriften, Navigation, Abschnittstrenner und Hero-Panels. Platziere deinen hellsten Akzent (Orange/Pink/Gelb) auf Aktionen und Highlights, sodass die Nutzeraufmerksamkeit einen klaren Weg bekommt.

Für Lesbarkeit: Halte Fließtext auf hellen Neutralfarben und reserviere Weiß-auf-Ultramarin für kurze Elemente (Buttons, Navigationslabels, Badges). Wenn du Diagramme gestaltest, setze Ultramarin für die „Primär-Serie“ und hellere Tönungen für Sekundär-Serie ein.

Im Druck (Poster, Verpackung, Papeterie) funktioniert Ultramarin am besten in großen Feldern mit dezenter Akzentlinie. So wirkt das Blau gezielt und hochwertig, nicht visuell schwer.

Erstellen Sie Ultramarine-Palettenvisuals mit KI

Wenn du schon HEX-Codes hast, kannst du sie schnell in Bannerideen, Poster-Layouts und UI-Mockups umwandeln – beschreibe einfach die Komposition (Layout, Typografie, Formen) und gib die Palettenfarben an.

Für konsistente Ergebnisse: Gib an, welche Farben dominant sind, welche als Hintergrundneutrale dienen und welche auf „kleine Highlights“ beschränkt bleiben sollen. Ein Seitenverhältnis (wie 16:9 oder 3:4) hilft, das Bild genau für deine Verwendung zu gestalten.

Mit Media.io’s Text-zu-Bild kannst du im gleichen Ultramarin-Farbschema über mehrere Formate hinweg iterieren – Social, Ads, Hero-Bereiche – ohne alles neu aufbauen zu müssen.

Weiter: Bittersüße Farbpalette