20 Unterwasser-Farbpaletten mit Hex-Codes – Inspiration für Designprojekte

Eine Unterwasser-Farbpalette fängt die Tiefe, Ruhe und den Kontrast des Ozeanlichts ein – perfekt für Benutzeroberflächen, Markenauftritte und Kunstwerke, die eine klare, aber eindringliche Stimmung benötigen.

Unten finden Sie 20 vom Ozean inspirierte Unterwasser-Farbkombinationen mit HEX-Codes zum Kopieren sowie praktische Tipps zur Anwendung und KI-Prompts, um passende Visuals schnell zu generieren.

Warum Unterwasser-Paletten so gut funktionieren

Unterwassertöne balancieren von Natur aus Ruhe und Klarheit: Dunkle Marineblau-Töne sorgen für Struktur, während Türkis und Aquatöne Frische verleihen, ohne zu gesättigt zu wirken. Dadurch lassen sie sich leicht für UI, Verpackung und Layouts einsetzen.

Sie unterstützen außerdem eine starke Hierarchie. Dunkle „Tiefen“-Farben dienen als Anker für Text und Navigation, während helle Nuancen wie Licht wirken, das durchs Wasser fällt – ideal für Hintergründe, Karten und Freiräume.

Ozean-Paletten harmonieren zudem mit modernen Designtrends wie Farbverläufen, weichen Schatten und minimalen Icons. Man kann das Design edel und ruhig halten – oder durch einen leuchtenden Akzent (Gold, Koralle, Rot) gezielt fokussieren.

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

1) Abyssaler Sog

HEX: #061827 #0B2D3D #0F4C5C #3A8D9A #D7F2F0

Stimmung: dunkel, fokussiert, modern

Am besten geeignet für: Fintech-Dashboards und datenintensive Web-Apps

Dunkle Tiefen und ruhige Strömungen ergeben eine fokussierte, moderne Note, die selbstbewusst wirkt, ohne laut zu sein. Ideal für Dashboards, wo Kontrast und Lesbarkeit zählen, besonders mit hellem Text auf dem tiefsten Navy. Kombinieren Sie mit schlichten Linien-Icons und großzügigem Abstand, damit die mittleren Türkistöne nicht zu belebt wirken. Tipp: Das helle Aquablau für Highlights und Erfolgszustände nutzen, damit die Oberfläche ruhig bleibt.

Bildbeispiel für abyssaler Sog, 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) Kelpwald

HEX: #0B1F1A #124B3A #2F7D5A #7FC8A9 #E6F3EA

Stimmung: erdig, frisch, regenerativ

Am besten geeignet für: Markenidentitäten für Öko-Produkte und nachhaltige Etiketten

Erdige Grüntöne und sanfter Meeresschaum erinnern an Algen im gefilterten Licht und geben einen natürlichen, geerdeten Look. Perfekt für Öko-Marken, Refill-Verpackungen und Wellness-Etiketten, wo eine ruhige, verantwortungsvolle Stimmung wichtig ist. Kombinieren Sie mit warmen, cremefarbenen Papiertönen oder gedeckten Kraftpapier-Nuancen für Authentizität. Tipp: Das dunkelste Grün für Logos und das Meeresschaumgrün als dezente Flächenfarbe für klare Typografie nutzen.

Bildbeispiel für Kelpwald, generiert mit media.io

3) Perlenlagune

HEX: #F7F5F0 #D9E7E8 #A6CFD3 #3C7E8A #143844

Stimmung: klar, luftig, spa-ähnlich

Am besten geeignet für: Wellness-Websites und minimalistische Layouts

Luftige Perlentöne und sanfte Lagunenblau ergeben eine klare, Spa-ähnliche Atmosphäre mit poliertem Finish. Perfekt für Wellnessseiten, Lookbooks und ruhige Editorial-Strecken, bei denen Weißraum Teil des Designs ist. Kombinieren Sie mit feinen Serifenüberschriften oder leichten Sans-Fonts für sanfte Kontraste. Tipp: Das dunkelste Türkis für Titel und Trenner einsetzen, damit die Seitenstruktur klar bleibt.

Bildbeispiel für Perlenlagune, generiert mit media.io

4) Versunkener Schatz

HEX: #0A1B2A #1F3A5A #2F6F73 #C2A24B #F1E2B7

Stimmung: abenteuerlich, hochwertig, filmisch

Am besten geeignet für: Game-Plakate und marken für Abenteuer-Themen

Filmisches Marineblau und abgenutztes Türkis wirken wie ein Schiffswrack-Fund, während Messinggold einen edlen Akzent setzt. Perfekt für Key-Art in Spielen, Expeditionsmarken und filmische Poster, wo Drama und Hierarchie wichtig sind. Mit strukturierten Farbverläufen und dezentem Korn wirkt es wie gealtertes Metall und tiefes Wasser. Tipp: Gold als seltenen Akzent nur für Buttons, Abzeichen oder zentrale Überschriften nutzen.

Bildbeispiel für Versunkener Schatz, generiert mit media.io

5) Gezeitenpool-Glas

HEX: #0B3A4A #0F6B7B #4CC3D9 #A7F0F5 #F2FBFF

Stimmung: hell, verspielt, erfrischend

Am besten geeignet für: Sommer-Event-Flyer und Sport-Promos mit Wasserbezug

Helle, gläserne Blautöne wirken wie Sonnenlicht auf Gezeitenpools und bringen Frische und Lebendigkeit ins Design. Perfekt für Sommerflyer, Schwimm-Events und Jugend-Promos, bei denen Klarheit und Energie zählen. Kombinieren Sie mit runden Schriften und einfachen Wellenformen, um es freundlich zu halten. Tipp: Die hellste Nuance als Basis verwenden, damit das leuchtende Cyan als Farbheld hervorsticht.

Bildbeispiel für Gezeitenpool-Glas, generiert mit media.io

6) Rifflaterne

HEX: #081A24 #103E4A #1F8A8A #F2C14E #FEF3D6

Stimmung: warm, einladend, maritim

Am besten geeignet für: Seafood-Restaurant-Menüs und Küsten-Gastromarken

Warm leuchtendes Gold trifft auf tiefe Türkistöne und erinnert an ein Abendessen am Kai – einladend und behaglich. Perfekt für Menüs, Hospitality-Branding und Beschilderung, wenn Sie maritimes Flair ohne Rustikalität möchten. Kombinieren Sie mit cremigen Hintergründen und einfachen nautischen Linienzeichnungen für ein sauberes Finish. Tipp: Verwenden Sie Gold für Specials und Abschnittsüberschriften zur besseren Orientierung.

Bildbeispiel für Rifflaterne, generiert mit media.io

7) Mitternachtsstrom

HEX: #030B12 #0A2233 #123A5A #2B6EA6 #97C6E8

Stimmung: elegant, technisch, nächtlich

Am besten geeignet für: SaaS-Landingpages und Sicherheits-Branding

Elegante Mitternachtsblau-Töne und elektrische Ozean-Hervorhebungen erinnern an schnelle Strömungen und tiefe Stille – ideal für einen modernen Techniklook. Perfekt für SaaS-Landingpages, Sicherheitsprodukte und Präsentationen mit Anspruch. Kombinieren Sie mit scharfen Icons und subtilen Farbverläufen für Tiefe ohne Chaos. Tipp: Das helle Blau gezielt für Links und primäre CTAs einsetzen, damit der Premiumcharakter bleibt.

Bildbeispiel für Mitternachtsstrom, generiert mit media.io

8) See-Schaum-Nebel

HEX: #E9FBF6 #BCEEE3 #69CBBD #2D7B78 #134A4D

Stimmung: sanft, beruhigend, küstennah

Am besten geeignet für: Kosmetik-Verpackungen und ruhige Social-Media-Vorlagen

Zarte See-Schaumfarben und neblige Türkistöne vermitteln eine sanfte, maritime Ruhe. Perfekt für Kosmetikverpackungen, Skincare-Posts und Selfcare-Vorlagen, bei denen Sanftheit zählt. Kombinieren Sie mit feinen Rändern, großzügigen Abständen und einem warmen Papier-Hintergrund, wenn es weniger klinisch sein soll. Tipp: Das tiefste Türkis als Anker für Texte nutzen, damit die Pastelltöne gut lesbar bleiben.

Bildbeispiel für See-Schaum-Nebel, generiert mit media.io

9) Nautilus-Muschel

HEX: #F6EFE4 #E1D2B8 #C2B29A #6E7C80 #1C3A4A

Stimmung: neutral, zeitlos, edel

Am besten geeignet für: Lifestyle-Blogs und feine Papeterie

Cremige Muschel-Neutraltöne mit Schiefer und tiefem Blau-Grau wirken zeitlos wie gealterte Keramik und Treibholz. Ideal für Lifestyle-Blogs, hochwertige Papeterie und Hochzeitspapier, wo Zurückhaltung als Luxus gelesen wird. Kombinieren Sie mit Prägungen, feinen Linien und einer dunklen Akzentfarbe für Überschriften. Tipp: Für Fließtext hohen Kontrast nutzen – Navy-Grau auf hellster Creme.

Bildbeispiel von nautilus shell generiert mit media.io

10) Blaue Grotte

HEX:#071B2D#0B3B66#166AA6#1BB3C8#D2F3FF

Stimmung:lebendig, frisch, abenteuerlich

Am besten geeignet für:Reiseanzeigen und Tauchtouren Poster

Lebendiges Grottenblau und saubere Aqua-Highlights fühlen sich frisch und abenteuerlich an, wie eine versteckte Bucht am Mittag. Es eignet sich hervorragend für Reiseanzeigen, Tourposter und Banner, die sofortige Klarheit aus der Ferne benötigen. Kombinieren Sie sie mit fettem Sans-Schlagzeilen und kontraststarken Fotomasken oder Vektorwellen. Tipp: Verwenden Sie das blasste Blau für den negativen Raum, damit das cyan stark und lesbar bleibt.

Bildbeispiel von blue grotto generiert mit media.io

11) Hafenstein

HEX:#111B21#2E3A42#56646E#8EA1A8#E5ECEF

Stimmung:Industriell, leise, zuverlässig

Am besten geeignet für:Architektur Präsentationen und Unternehmensberichte

Cool harbor greys fühlen sich industriell und zuverlässig an, wie nasse Stein-und Stahlschienen in der Nähe des Piers. Verwenden Sie es für Architekturdecks, Unternehmensberichte und portfolios, in denen Neutralität den Inhalt unterstützt. Kombinieren Sie es mit einem blauen oder blauen Akzent, wenn Sie einen modernen lift benötigen, ohne die Ernsthaftigkeit zu verlieren. Tipp: Verlassen Sie sich auf das hellste Grau für Abschnitthintergründe, um eine Struktur ohne schwere Ränder zu schaffen.

Bild Beispiel von Harbour stone generiert mit media.io

12) Meerjungfrau Seide

HEX:#1D1B2F#3F2E56#6A4E7A#2AA6A3#CFEEEa

Stimmung:verträumt, luxuriös, leicht mystisch

Am besten geeignet für:beauty branding und boutique Social-Kampagnen

Traumhafte violette Schatten mit einem Meerjungfrauenblau-Glitzer fühlen sich luxuriös und leicht mystisch an, wie satin, der schwaches Licht fängt. Es passt zu Beauty-Branding, Boutique-Kampagnen und kreativen promos, die Eleganz mit einem twist wollen. Kombinieren Sie es mit glänzenden Verläufen oder sanften Unschärfeeffekten, um das seidige Gefühl zu verstärken. Tipp: Beibehalten Sie teal als Highlight-Farbe für Symbole und kleine Grafiken, damit die Lila die Hauptstimme bleiben.

Bild Beispiel von Meerjungfrau Seide generiert mit media.io

13) Arktischer Fjord

HEX:#0A2330#14485A#2A7F88#A8D4D8#F3FBFC

Stimmung:Kalt, sauber, geräumig

Am besten geeignet für:Medizintechnik Benutzeroberfläche und minimalistische Präsentationen

Kaltes Fjordblau und luftige Eistöne fühlen sich sauber und geräumig an, wie ein Atem in der Winterluft. Es funktioniert gut für medizinische Technologie, wissenschaftliche decks und minimalistische Benutzeroberfläche, bei denen Klarheit Priorität hat. Kombinieren Sie es mit dünnen Teilern und einfachen Diagrammen, um die Schnittstelle klinisch, aber einladend zu halten. Tipp: Verwenden Sie die nahezu weiße Eisfarbe als Hauptleinwand und tragen Sie die dunkleren Blautöne für die navigation und Etiketten auf.

Bildbeispiel von Arktischer fjord generiert mit media.io

14) Planktonleuchte

HEX:#061316#0A3A3E#16A085#B7FFCF#F0FFF8

Stimmung:Energisch, modern, biolumineszierend

Am besten geeignet für:Musikvisuals und Nachtleben-Poster

Biolumineszierendes Grün und tiefblaue Schatten fühlen sich energisch an, wie plankton, das ein Nachtschwimmen beleuchtet. Es eignet sich hervorragend für Musikvisuals, Nachtlebensplakate und kräftige digitale Banner, wo Sie einen frischen pop ohne Neon-Chaos wollen. Kombinieren Sie sie mit schwarzen oder nahezu schwarzen Hintergründen, um die leuchtenden Töne atmen zu lassen. Tipp: Behalten Sie die hellste mint für Schlüsseltext oder eine einzelne Brennform, damit sie das layout nicht überwältigt.

Bild Beispiel von plankton glow erzeugt mit media.io

15) Deep Dive Denim

HEX:#0B1020#1C2B4A#2F4F7B#4F86C6#D9E6F7

Stimmung:Zuversichtlich, zugänglich, klassisch

Am besten geeignet für:App-Onboarding-Bildschirme und Bildungsprodukte

Klassische denim blues fühlen sich selbstbewusst und zugänglich, wie ein bekannter Favorit mit einer tieferen Kante. Verwenden Sie es für Onboarding-Flüsse, Bildungsprodukte und eine saubere Web-Benutzeroberfläche, wo Sie Vertrauen und Freundlichkeit zusammen brauchen. Kombinieren Sie es mit abgerundeten Karten und einfachen Illustrationen, um es leicht zu halten. Tipp: Lassen Sie das Mittelblau den größten Teil der Arbeit erledigen und verwenden Sie den dunkelsten Ton nur für Überschriften und wichtige UI-Zustände.

Bildbeispiel von deep dive denim generiert mit media.io

16) Sirenensignal

HEX:#071A22#0B4C5F#168C9A#E64B4B#F2F5F6

Stimmung:Fett, alarmiert, hochkontrastierend

Am besten geeignet für:CTA-gesteuerte Landingpages und Promo-Banner

Kraftige blaue Tiefen mit einem scharfen roten signal fühlen sich dringend und dennoch kontrolliert an, wie ein Leuchtfeuer, der durch den Nebel schneidet. Es eignet sich hervorragend für Landingpages und Banner, wo der call-to-action sofort hervorstechen muss. Kombinieren Sie es mit sauberem weißem Raum und minimaler Ikonographie, sodass das Rot als absichtlich liest und nicht laut ist. Tipp: Lassen Sie Rot nur für die Haupttasten und kritischen Abzeichen behalten, und lassen Sie den rest des Layouts von teal tragen.

Bildbeispiel für ein Sirenensignal, das mit media.io erzeugt wird

17) Seegras Neutral

HEX:#F2F0E7#D6DCC8#9AB39A#4D6B5E#1F3A33

Stimmung:Natürlich, ruhig, zurückhaltend

Am besten geeignet für:Startseite Waren branding und minimalistische Verpackungen

Weiche Seegras-Neutrale fühlen sich natürlich und zurückhaltend an, wie Leinen, Ton und Küstenpflanzen. Sie eignen sich gut für Haushaltswaren, minimalistische Verpackungen und Lifestyle-Marken, die Wärme ohne leuchtende Farben wollen. Kombinieren Sie sie mit taktilen Materialien wie unbeschichtetem Papier und subtilen Prägungen für einen erstklassigen touch. Tipp: Verwenden Sie das dunkelste Grün für kleine Typen und barcodes, damit das hellere Grün luftig bleibt.

Bildbeispiel von seagrass neutral generiert mit media.io

18) U-Boot-Messing

HEX:#0A1A1F#123843#2F6A78#B08D57#F2E6D6

Stimmung:vintage, Konstruiert, nautisch

Am besten geeignet für:Handwerksbier-Etiketten und Heritage-Marken

Tiefe U-Boot-Töne mit Messing-Wärme fühlen sich konstruiert und vintage, wie Nieten, Messgeräte und poliertes Metall. Verwenden Sie es für Handwerksbier-Etiketten, Kulturerbe-Markierungen und Verpackungen, die nautisch aussehen, ohne kitschig aussehen. Kombinieren Sie sie mit Serif-Typographie oder Emblemen im Abzeichenstil, um die Stimmung der alten Welt zu verstärken. Tipp: Behalten Sie die Creme als Etikettenbasis auf und verwenden Sie sparsam Messing für Stempel und Zierlinien.

Bildbeispiel von U-Boot-Messing erzeugt mit media.io

19) Korallenblitzer

HEX:#0B2A33#0E5564#19A1A6#FF6B5A#FFE3D7

Stimmung:Lebendig, tropisch, auffällig

Am besten geeignet für:social ads und Produkteinführungen im Sommer

Lebendige Riffgrün-Teals mit einem Korallenflackern fühlen sich tropisch und auffällig an, wie ein Farbblitz zwischen den Wellen. Diese Unterwasserfarbkombinationen eignen sich perfekt für soziale Werbung und Sommerstarts, wenn Sie einen kühnen Akzent benötigen, um die schwere Arbeit zu erledigen. Kombinieren Sie es mit einfachen layouts und viel Atemraum für blassen Pfirsich, sodass die Koralle premium bleibt. Tipp: Tragen Sie coral nur auf ein oder zwei Elemente pro Rahmen auf, wie zum Beispiel Preisschilder oder einen einzigen Knopf.

Bild Beispiel von coral flicker generiert mit media.io

20) Salzwassertinte

HEX:#05080D#0E1A24#19344A#2C6F80#D0E8EA

Stimmung:seriös, redaktionell, anspruchsvoll

Am besten geeignet für:Veröffentlichungsmarken und langgelesene Webartikel

Inky blacks und deep ocean blues fühlen sich ernst und redaktionell an, wie eine lange Lektüre, der man vertrauen kann. Verwenden Sie es für das Veröffentlichen von Marken, Artikelvorlagen und portfolios, in denen die Typografie das Erlebnis anführt. Kombinieren Sie es mit weichen, weißen Hintergründen und zurückgehalten Akzentblöcken für die navigation. Tipp: Behalten Sie das Licht aqua für Zitaten und Highlight-Panels, um dichten text aufzubrechen, ohne abzulenken.

Bildbeispiel von Salzwassertinte, die mit media.io erzeugt wird

Welche Farben passen gut zu Unterwasser?

Unterwasserpaletten passen am besten zu neutralen Farben, die sand, Salz und Schaum nachahmen – denken Sie an warme Off-White, cremige Beige und weiche Grau. Diese halten Ihre Komposition atmungsaktiv und helfen, dass sich blau-schwere Schemata weniger "digital" anfühlen.

Zum Kontrast, fügen Sie einen einzigen Akzent hinzu, der wie ein signal in tiefem Wasser liest: Koralle, Messing gold oder Rot. Diese Akzente werden sparsam auf CTAs, Abzeichen oder wichtigen Datenpunkten verwendet und schaffen eine sofortige Hierarchie, ohne die Meerestöne zu bekämpfen.

Wenn Sie einen redaktionelleren oder Premium-Look wünschen, stellen Sie Tintenschwarz und Blau-Grau ein. Sie unterstützen Typographie-Vorwärtslayouts und halten Verläufe, Fotos und Benutzeroberflächenkomponenten geerdet.

Wie man eine Unterwasser-Farbpalette in realen Designs verwendet

Beginnen Sie mit einem dunklen Anker (Marineblau/Tinte) für text, Navigation und Umrisse und wählen Sie dann einen mittleren blauen Ton für große Oberflächen wie Karten oder Paneele. Vervollständigen Sie den Hintergrund mit einem blassen Aqua-oder Eiston, um die Lesbarkeit zu bewahren.

Bei branding funktionieren Unterwasser-Farbkombinationen gut, wenn Sie den „Held "auf eine Farbfamilie (Blau-Grün) beschränken und jeden warmen Akzent (Koralle/gold/Rot) für winzige, wiederholbare Momente reservieren – Symbole, Siegel oder einen einzigen Button-Stil.

Für die Benutzeroberfläche testen Sie den Kontrast früh. Viele aquas sind hell, aber kontrastarm auf Weiß; Durch den Wechsel auf weiße Leinwände, das Hinzufügen subtiler Ränder oder die Verwendung tieferer blauer Farben für Etiketten bleiben die Komponenten zugänglich und scharf.

Unterwasser-Paletten-Visuals mit KI erstellen

Wenn Sie diese marinen Farben in Postern, Verpackungen, Landingpages oder sozialen Anzeigen vorschauen möchten, können Sie schnelle mockups mit KI erstellen. Sie können die oben genannten Eingabeaufforderungen wiederverwenden und einfach das Thema (Menü, dashboard, flyer) so wechseln, dass es zu Ihrem Projekt passt.

Media.io erleichtert das Iterieren: Probieren Sie verschiedene Verhältnisse aus, passen Sie die Beleuchtung an und testen Sie Akzentfarben (Koralle oder gold), bis sich Ihre Unterwasserpalette ausgewogen und auf der Marke fühlt.

Sobald Ihnen die Richtung gefällt, exportieren Sie Ihre Favoriten und verwenden Sie die hexagonalen codes hier, um das gleiche Farbsystem in Figma, Canva oder Ihrem Designwerkzeug Ihrer Wahl zu erstellen.

Weiter: Farbpalette Rote Koralle