Ultramarinblau Farbkombinationen: 20 inspirierende Farbpaletten mit Hex-Codes

Ultramarinblau ist ein tiefes, lebendiges Blau, das sofort Selbstbewusstsein, Handwerk und moderne Eleganz signalisiert. Es kann je nach Akzent edel und dramatisch oder klar und minimal wirken.

Hier findest du 20 sofort einsetzbare Ultramarinblau-Farbpaletten mit HEX-Codes sowie praktische Tipps für die Verwendung in Branding, UI und Druck.

Warum Ultramarinblau-Paletten so gut funktionieren

Ultramarinblau liegt genau zwischen klassisch und modern: Es ist intensiv genug, um hochwertig zu wirken, aber dennoch klar genug für moderne Interfaces. Das macht es zu einer verlässlichen Basisfarbe für alles vom Hero-Bereich bis zur Verpackung.

Es harmoniert sowohl mit warmen als auch mit kühlen Akzenten. Gold, Creme und Terrakotta verleihen ihm einen luxuriösen, menschlichen Eindruck; eisige Weißtöne, Schiefergrau und Cyan lassen eine frische, technologieorientierte Stimmung entstehen.

Am wichtigsten ist, dass Ultramarinblau Kontraste gut hält. Durch die Kombination mit Offwhite und dunklen Neutralen entsteht eine starke Hierarchie und Lesbarkeit, ohne überall hartes Schwarz zu brauchen.

20+ Ultramarinblau-Farbpaletten-Ideen (mit HEX-Codes)

1) Ultramarin Nightfall

HEX: #120A8F #0B1026 #F5F1E8 #C8A24A #E55D73

Stimmung: dramatisch und luxuriös

Ideal für: Luxus Branding Hero-Bereich

Dramatisch und luxuriös, erinnert es an Samtvorhänge, goldene Verzierungen und einen Nachthimmel mit einem Hauch von Rouge. Nutze das tiefe Blau als Basis und füge Creme für Freiraum sowie Gold für Premium-Akzente hinzu. Es glänzt auf hochwertigen Landingpages, Parfüm-Branding oder Boutique-Hotel-Visuals. Tipp: Lass das Rosa als kleinen Akzent für Calls-to-Action, damit der Look elegant bleibt.

Bildbeispiel für Ultramarin Nightfall, erstellt mit media.io

Media.io

Media.io ist ein Online-KI-Studio zur Erstellung und Bearbeitung von Video, Bild und Audio im Browser.

Jetzt kostenlos testen

2) Ozeanischer Schiefer

HEX: #1A2B8A #2F3A4A #8FA3B8 #E7EDF4 #F2A65A

Stimmung: ruhig und professionell

Ideal für: SaaS-Dashboard-UI

Ruhig und professionell, erinnert es an offenes Wasser unter bewölktem Himmel mit einer warmen, orangefarbenen Boje. Kombiniere Schiefer und Ultramarin für Navigation und primäre Buttons, helles Grau-Blau für den Hintergrund. Ideal für Analysen, Admin-Tools und B2B-Produkte, die Klarheit benötigen, ohne kalt zu wirken. Tipp: Halte Orange für Warnungen oder wichtige Kennzahlen, damit es bedeutungsvoll bleibt.

Bildbeispiel für Ozeanischer Schiefer, erstellt mit media.io

3) Porzellan und Ultramarin

HEX: #1D1FA3 #FFFFFF #F3E7D3 #B9C7E6 #2A2A2A

Stimmung: romantisch und klar

Ideal für: Hochzeitseinladung Set

Romantisch und klar, erinnert es an bemaltes Porzellan, handgeschriebene Gelübde und sanftes Kerzenlicht auf Leinen. Das Ultramarinblau wirkt zeitlos auf Einladungen, wenn du das kräftige Blau mit viel Weiß und einem Hauch warmem Creme ausbalancierst. Kohle eignet sich für lesbare Typo, das zarte Periwinkel als feiner Rahmen oder Monogrammfärbung. Tipp: Wähle unbeschichtete Papierstrukturen, damit das Blau nicht zu glänzend wirkt.

Bildbeispiel für Porzellan und Ultramarin, erstellt mit media.io

4) Neon Arcade Blau

HEX: #2A00FF #101225 #00E5FF #FF2D95 #EDEDED

Stimmung: mutig und futuristisch

Ideal für: Gaming-Stream-Overlay

Mutig und futuristisch, erinnert es an Arcade-Lichter, Synth-Beats und Reflexionen auf dunklem Glas. Halte den Hintergrund fast schwarz, dann schichte Ultramarin und Cyan für Panels, Rahmen und Status-Badges. Magenta eignet sich am besten als pulsierender Akzent für Warnungen, neue Follower oder Live-Indikatoren. Tipp: Verwende das helle Grau für kleine Labels, so bleibt die Lesbarkeit hoch und die Neon-Anmutung erhalten.

Bildbeispiel für Neon Arcade Blau, erstellt mit media.io

5) Museum am Küstenrand

HEX: #1627B8 #0F172A #D7E3F1 #9DB6C8 #D9A441

Stimmung: kultiviert und nautisch

Ideal für: Museums-Ausstellung-Beschilderung

Kultiviert und nautisch, erinnert es an maritime Karten, poliertes Messing und ruhige Galerielichter. Ultramarin und fast Schwarz bilden starke Wegweiser-Header, Nebelblau hält Panels lesbar. Messing-Gold ist ideal für Abschnittsmarkierungen oder Ausstellungsnummern, ohne zu auffällig zu werden. Tipp: Setze Fließtext auf hellen Hintergrund und vermeide große Goldflächen, um eine museale Zurückhaltung zu bewahren.

Bildbeispiel für Museum am Küstenrand, erstellt mit media.io

6) Citrus Pop Kontrast

HEX: #1B2AE0 #F7F7F2 #FFB000 #3A3A3A #A7B4D6

Stimmung: energiegeladen und klar

Ideal für: Social Media Promo-Vorlagen

Energiegeladen und klar, wirkt es wie frische Zitrusfrüchte auf einer weißen Arbeitsfläche mit scharfer blauer Kante. Diese Ultramarinblau-Kombinationen sind perfekt, wenn du sofort Aufmerksamkeit willst, ohne grelles Rot zu nutzen. Ultramarin für Headlines und Rahmen, Orange als Haupt-CTA. Tipp: Halte Mittelgrau für unterstützenden Text, damit das Layout ordentlich und modern bleibt.

Bildbeispiel für Citrus Pop Kontrast, erstellt mit media.io

7) Tinte und Pergament

HEX: #1417A6 #2B2B2B #F2E8D8 #B6A48A #8FA6C9

Stimmung: klassisch und editorial

Ideal für: Magazin-Feature-Spread

Klassisch und editorial, erinnert es an Tinte auf strukturiertem Papier mit subtiler antiker Wärme. Ultramarin sorgt für markante Zitate und Abschnittstrenner, Pergament und Hellbraun halten Layouts zugänglich. Perfekt für Longform-Artikel, Portfolios und Lookbooks, die Eleganz ohne Strenge benötigen. Tipp: Verwende das sanfte Blau für feine Linien und Bildunterschriften, um den Blick dezent zu lenken.

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

8) Minimaler Winterhimmel

HEX: #1A33CC #EAF1FF #FFFFFF #B9C9E6 #111827

Stimmung: minimalistisch und luftig

Ideal für: minimalistisches Logo und Markenkit

Minimalistisch und luftig, erinnert es an kaltes Sonnenlicht, frischen Schnee und scharfe Schatten auf Eis. Nutze Ultramarin für markante Zeichen oder Icons, und halte die meisten Flächen hell mit Weiß und hellem Blau. Fast Schwarz eignet sich ideal für Typografie und Markenrichtlinien mit scharfem Kontrast. Tipp: Verzichte auf Farbverläufe, lasse flache Formen wirken – für einen wirklich modernen Look.

Bildbeispiel für Minimaler Winterhimmel, erstellt mit media.io

9) Botanischer Indigo-Blüte

HEX: #1C2BC7 #2E3A59 #F7F2EA #7DB6A6 #E9A6B6

Stimmung: sanft und botanisch

Ideal für: Aquarell-Blumenillustration

Sanft und botanisch, erinnert es an gepresste Blüten, Indigo-Färbung und einen ruhigen Morgen im Gewächshaus. Nutze tiefes Blau für Stiele, Umrisse oder Schatten und balanciere mit Creme-Papier-Tönen. Salbei und Rosa setzen einen sanften, modernen Akzent und wirken eher handgemacht als Vintage. Tipp: Lasse Farbübergänge wässrig und unperfekt, um den Aquarell-Charme zu bewahren.

Beispielbild einer botanischen Indigoblüte generiert mit media.io

10) Tech Conference Pulse

HEX: #1829F0 #0A0F1F #E6ECFF #6EE7FF #FFC857

Stimmung: selbstbewusst und energiegeladen

Ideal für: Konferenz-Poster und Flyer

Selbstbewusst und energiegeladen – es fühlt sich an wie Scheinwerfer beim Keynote und schnelle Datenströme. Bauen Sie die Basis mit fast Schwarz und Ultramarin auf, fügen Sie dann Cyan für Bewegungslinien und UI-artige Details hinzu. Das warme Gelb eignet sich ideal für Datum, Veranstaltungsort oder Ticketbuttons, damit wichtige Infos hervorstechen. Tipp: Schrift groß und im Raster ausrichten, um visuelles Rauschen zu vermeiden.

Bildbeispiel für Tech Conference Pulse generiert mit media.io

11) Indigo Denim Days

HEX: #1A2AA8 #35424A #D9D2C3 #FFFFFF #C46D5E

Stimmung: lässig und bodenständig

Ideal für: Landingpage einer Bekleidungsmarke

Lässig und bodenständig – erinnert an getragenen Denim, Canvas-Taschen und warme Terrakotta-Details. Die ultramarinen Blautöne funktionieren gut für Lifestylemarken, bei denen Blau einladend und nicht geschäftlich wirken soll. Kombinieren Sie das Blau mit Off-White und Sand für Hintergründe, Terrakotta eignet sich für Marken- oder Sale-Tags. Tipp: Viel Weißraum und lockere Typografie halten die Denim-Ästhetik entspannt.

Bildbeispiel für Indigo Denim Days generiert mit media.io

12) Ceramic Tile Kitchen

HEX: #1830B5 #F6F4EF #C7D2E9 #8DA2B8 #7A5C4A

Stimmung: wohnlich und edel

Ideal für: Interieur-Moodboard

Wohnlich und edel: fühlt sich an wie glänzende Keramikfliesen, warmes Holz und weiches Tageslicht. Ultramarin als Akzent, darüber cremige und kühle Grautöne, damit der Raum offen wirkt. Das Braun erdet die Palette und eignet sich gut für Möbelhinweise oder Materialangaben. Tipp: Blau nur für Akzentwände bzw. Fliesenspiegel nehmen, nicht als Wandfarbe für den ganzen Raum.

Bildbeispiel für Ceramic Tile Kitchen generiert mit media.io

13) Deep Space Onboarding

HEX: #1B24FF #0B1020 #1F2A44 #B9C7FF #F4F6FF

Stimmung: elegant und immersiv

Ideal für: Dark-Mode-App-Onboarding-Screens

Elegant und immersiv – erinnert an ein Raumschiff-Interface mit weichen Lichtakzenten auf tiefem Dunkel. Helles Ultramarin für primäre Aktionen und Fortschrittsanzeigen, Navy und Anthrazit für Hintergrundebenen. Blasses Periwinkle und Fast-Weiß halten den Text lesbar, ohne die dunkle Stimmung zu stören. Tipp: Sehr dezente Verläufe nur für kleine Highlights, um Banding auf OLEDs zu vermeiden.

Bildbeispiel für Deep Space Onboarding generiert mit media.io

14) Maritime Flagship

HEX: #1227D5 #0E1A2B #FFFFFF #BFD2EA #E0B44C

Stimmung: klar und seetüchtig

Ideal für: maritimer Website-Header

Klar und seetüchtig – erinnert an Signalflaggen, poliertes Metall und klare Horizontlinien. Ultramarin und Navy bilden einen starken Header/Navi, Weiß hält das Design luftig. Ein goldener Akzent bringt Tradition, ohne zu formell zu wirken. Tipp: Blassblau für Hover-States und feine Trenner, damit alles leicht wirkt.

Bildbeispiel für Maritime Flagship generiert mit media.io

15) Royal Velvet Cosmetics

HEX: #1A21B8 #2B0F2F #F6E9F0 #D6B2C6 #D4AF37

Stimmung: glamourös und opulent

Ideal für: Kosmetikproduktanzeige

Glamourös und opulent – erinnert an samtige Verpackungen, Parfümnuancen und ein zart pudriges Finish. Ultramarin und Pflaume schaffen einen satten Hintergrund, Blush und Mauve wirken als feine Typografie und Highlights. Gold wirkt hochwertig, sparsam eingesetzt auf Kappen, Siegeln oder feinen Linien. Tipp: Licht weich und gerichtet setzen, damit die dunklen Farben luxuriös und nicht stumpf wirken.

Bildbeispiel für Royal Velvet Cosmetics generiert mit media.io

16) Finance Clarity

HEX: #1626C9 #111827 #F9FAFB #C7D2FE #10B981

Stimmung: vertrauenswürdig und klar

Ideal für: Jahresbericht-Diagramme

Vertrauenswürdig und klar – erinnert an aufgeräumte Tabellenkalkulationen, saubere Ausdrucke und ruhige Entscheidungen. Ultramarin für die Hauptdatenreihe, Mintgrün für Wachstumsmarkierungen oder KPIs. Fast-Schwarz und Off-White sorgen für professionelle Lesbarkeit. Tipp: Gitterlinien hell halten und Blau für die Hierarchie nutzen.

Bildbeispiel für Finance Clarity generiert mit media.io

17) Sunset Afterstorm

HEX: #1520D6 #2B2D42 #F8F3E7 #F77F5A #CDB4DB

Stimmung: filmisch und stimmungsvoll

Ideal für: Albumcover-Grafik

Filmisch und stimmungsvoll – wie ein Sturm, der klar wird, wenn warmes Licht den Horizont trifft. Diese ultramarinblauen Kombinationen sind besonders wirkungsvoll im Musikbranding, da Orange Emotionen hinzufügt, ohne das Blau zu überdecken. Creme für Künstlername und Tracklist, Lavendel mildert Übergänge zwischen Dunkel und Warm. Tipp: Schrift einfach und zentriert halten, sodass die Farbkomposition im Mittelpunkt steht.

Bildbeispiel für Sunset Afterstorm generiert mit media.io

18) Playroom Primary Mix

HEX: #1E2BFF #FFD166 #06D6A0 #EF476F #F8F9FA

Stimmung: verspielt und leuchtend

Ideal für: Kinderbuchcover-Illustration

Verspielt und leuchtend – erinnert an Bausteine, Bastelpapier und Energie nach der Schule. Ultramarin als Haupttitel, dann Gelb, Grün und Rosa abwechselnd für Figuren oder einfache Formen. Ideal für Bildungsmaterialien und Kindermarken mit direkter Sympathie. Tipp: Konturen minimal halten, auf flächige Farbfüllungen setzen für einen klaren, modernen Look.

Bildbeispiel für Playroom Primary Mix generiert mit media.io

19) Architectural Blueprint

HEX: #0F1FDB #0B1220 #E8EEF9 #9FB2D0 #6B7280

Stimmung: präzise und modern

Ideal für: Architektur-Portfolio-Layout

Präzise und modern – erinnert an Bauplanlinien, saubere Messungen und professionelle Präsentationstafeln. Ultramarin eignet sich perfekt für Überschriften und Diagrammstriche, helle kühle Töne halten die Seiten luftig. Grau für Bildunterschriften und Metadaten sorgt für einen technischen und dennoch edlen Look. Tipp: Strichstärken durchgängig lassen und das leuchtende Blau nur für wichtige Hinweise einsetzen.

Bildbeispiel für Architectural Blueprint generiert mit media.io

20) Soft Lavender Dusk

HEX: #1C2AE8 #2A2A3A #F5F3FF #C7B8FF #F2B5D4

Stimmung: sanft und verträumt

Ideal für: Wellness-Landingpage

Sanft und verträumt – wirkt wie Dämmerungshimmel und beruhigende Routine. Ultramarin für Hauptbuttons und Überschriften, Lavendel und Blush schaffen eine entspannende emotionale Ebene. Der Off-White-Hintergrund sorgt für Luftigkeit, speziell auf langen Scrollseiten. Tipp: mit runden UI-Elementen und großzügigen Abständen kombinieren, um den entspannten Ton zu verstärken.

Bildbeispiel für Soft Lavender Dusk generiert mit media.io

Welche Farben passen zu Ultramarinblau?

Warme Neutraltöne (Creme, Pergament, Sand) verleihen Ultramarin mehr Haptik und Wertigkeit – optimal für Editorial-Design und Verpackungen. Metallische Töne wie Messing oder Gold verstärken den edlen Charakter zusätzlich, wenn sie gezielt eingesetzt werden.

Für digitale Gestaltung passt Ultramarin besonders gut zu kühlen Grautönen und nahezu Schwarz – schafft klare Struktur, ohne hart zu wirken. Cyan oder Periwinkle bringen einen futuristischen „Interface“-Touch, halten die Palette aber stimmig.

Für emotionale Kontraste probieren Sie Koralle, Terrakotta, Blush oder sanftes Lavendel. Diese warmen bis pastelligen Akzente halten Ultramarin kräftig, machen das Gesamtbild aber freundlicher und ausdrucksstärker.

Wie man eine Ultramarinblau-Farbpalette in echten Designs einsetzt

Entscheiden Sie zuerst, ob Ultramarin der Hintergrund oder ein Akzent sein soll. Nutzt man es als Hintergrund, sollte die Typografie hell sein (Off-White oder blasses Periwinkle) und kräftige Akzente auf maximal eine „Signalfarbe“ (z. B. für CTAs) beschränken.

Im UI nutzen Sie Ultramarin für Hauptaktionen und zentrale Navigation, Grautöne und sanfte Tints für Flächen, Karten und Trenner. So bleiben Hierarchien erhalten und das Problem von „alles schreit“ durch gesättigtes Blau wird vermieden.

Für Print unbedingt auf dem finalen Papier testen: ungestrichen dämpft Ultramarin weich ab, glänzende Oberflächen intensivieren es. Mittelgrau oder Anthrazit immer griffbereit halten für Fließtext und Details.

Ultramarinblau-Paletten mit KI visualisieren

Wenn Sie bereits HEX-Codes haben, lässt sich am schnellsten mit Mockups (Poster, Landingpages, Verpackungen, Social Templates) experimentieren. Ultramarin im Großformat hilft, Kontraste, Stimmung und Gleichgewicht in wenigen Minuten zu prüfen.

Mit dem Text-zu-Bild-Tool von Media.io können Sie Prompts wie „ultramarinfarbene Hero-Section mit cremefarbenem Freiraum und goldenen Akzenten“ einfügen und rasch iterieren, bis die Palette zur Marke passt.

Wenn die Richtung steht, immer Varianten anlegen: eine Dark-Mode-Version, eine helle Version und eine kontrastreiche Kampagnenversion. So bleibt das Design flexibel über Web, App und Print hinweg.

Weiter: Farbpalette Dunkelgrau