22 moderne Türkis-Blau-Farbpaletten mit Hex-Codes

Blauer Smaragd ist ein modernes Blaugrün, das sowohl vertrauenswürdig (blau) als auch lebendig (Smaragd) wirkt. Er ist die erste Wahl für Marken und Interfaces, die Klarheit, ruhige Energie und hochwertigen Feinschliff benötigen.

Unten findest du über 20 sofort einsetzbare Blaue Smaragd-Farbpalette-Ideen mit HEX-Codes sowie praktische Tipps für Kontrast, Akzente und Anwendung im echten Leben.

Warum Blaue Smaragd-Paletten so gut funktionieren

Blauer Smaragd liegt zwischen der kühlen Stabilität von Blau und der Vitalität von Grün, weshalb er selbstbewusst wirkt, ohne kühl zu sein. Dieses Gleichgewicht ist der Grund, warum er so häufig in modernen Benutzeroberflächen, Wellness und "Premium-Tech"-Brandings auftaucht.

Er lässt sich auch hervorragend von dunklen, tintenblauen Tönen bis zu hellen Mint-Nuancen skalieren und bietet dir damit ein komplettes System für Hintergründe, Oberflächen und Akzente. Bei richtigem Kontrast bleibt er in datenschweren Layouts lesbar und sieht auch in Drucksachen edel aus.

Schließlich harmoniert blauer Smaragd sowohl mit warmen Neutralfarben (Creme, Sand, Beige) als auch mit klaren Weißtönen. Diese Neutralfarben erden die Palette und verhindern, dass Designs mit viel Blaugrün zu synthetisch wirken.

20+ Blaue Smaragd-Farbpalette-Ideen (mit HEX-Codes)

1) Tiefes Riffleuchten

HEX: #062A3B #0B7A75 #18B7A6 #A6F0E6 #F2F7F6

Stimmung: düster, aquatisch, edel

Ideal für: Fintech Dashboard UI

Düstere Riff-Blau- und leuchtende Blaugrün-Akzente erinnern an tiefes Wasser mit einem sauberen, High-Tech-Schimmer. Perfekt für datenintensive Dashboards, bei denen Kontrast und Lesbarkeit wichtig sind. Kombiniere dunkles Navy mit Mint für Karten und Tabellen; das hellere Blaugrün wird zur Hauptaktionsfarbe. Tipp: Die hellste Nuance als Hintergrundfeld für Diagramme verwenden, damit alles klar bleibt.

Bildbeispiel von Tiefes Riffleuchten, erstellt 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) Smaragd-Hafen

HEX: #0A3D62 #0D8B8F #12A37A #7FE7C4 #FFF3E6

Stimmung: frisch, küstennah, einladend

Ideal für: Wellness-Markenidentität

Frische Hafen-Blau und lebendige Smaragd-Grün wirken wie Meeresluft und sonniges Wasser. Diese blauen Smaragd-Kombinationen sind ideal für Wellness-Marken, die gleichzeitig Vertrauen und Energie benötigen. Warmes Creme als Hintergrund, Navy für Typografie; Smaragd trägt Logos, Icons und Highlights. Tipp: Mint als unterstützenden Akzent nutzen, damit das Hauptgrün edel bleibt.

Bildbeispiel von Smaragd-Hafen, erstellt mit media.io

3) Arktische Flut

HEX: #0F4C81 #1AA6B7 #2EC4B6 #CFF5F1 #1B1F2A

Stimmung: kühl, frisch, modern

Ideal für: Tech-Konferenz Landingpage

Kühle Flutblau und eisige Aqua-Töne schaffen eine frische, zukunftsorientierte Atmosphäre. Passend für Landingpages mit Klarheit, Tempo und Selbstbewusstsein. Fast schwarz für Headlines und Navigation einsetzen; Aqua und Blaugrün für CTAs und Abschnittstrenner. Tipp: Die hellste Nuance als Hintergrund für Funktionsblöcke verwenden, damit die Seite luftig bleibt.

Bildbeispiel von Arktische Flut, erstellt mit media.io

4) Nacht-Aquarium

HEX: #041C2C #0A6E6A #00A8A8 #78D6D0 #DDE7EA

Stimmung: dramatisch, leuchtend, elegant

Ideal für: Musik-Event-Poster

Dramatisches Mitternachtsblau und leuchtendes Blaugrün wirken wie Neon-Reflexionen im Glas. Ideal für Poster, die Leuchten ohne "volle Neonwirkung" brauchen. Helles Aqua für Eventtitel, dunkles Grün für Formen und Verläufe. Tipp: In hellgrauen Bereichen großzügig Leerraum lassen, damit die Überschrift energiegeladen wirkt.

Bildbeispiel von Nacht-Aquarium, erstellt mit media.io

5) Seidenminz-Kontrast

HEX: #0E5E8A #0B8F7C #49C5B6 #E6F7F4 #F4E9D9

Stimmung: weich, elegant, luftig

Ideal für: Hautpflegeprodukt-Verpackung

Weiches Mint und seidiges Blaugrün wirken sauber, sanft und leise luxuriös. Der warme Beige-Ton verhindert, dass die Palette steril wirkt – perfekt für Hautpflege und Spa-Produkte. Dunkles Blaugrün für Markenzeichen und Inhaltsstoffe, helles Mint als Hauptetikettfeld. Tipp: Mattes Finish behalten und einen glänzenden Spot-Farbton als Highlight wählen.

Bildbeispiel von Seidenminz-Kontrast, erstellt mit media.io

6) Küsten-Blaupause

HEX: #123A5A #1B7F7A #2BAF9A #9BE7D7 #F8FAFF

Stimmung: selbstbewusst, sauber, zeitgenössisch

Ideal für: SaaS Website UI Kit

Selbstbewusste Blaupause-Blau mit lebendigen Meerschaum-Akzenten erinnern an klaren Himmel über Wasser. Diese Paletten sind eine moderne sichere Wahl für SaaS UI Kits, die Vertrauen und Frische kombinieren. Navy für Struktur und Navigation, grüneres Blaugrün für Erfolgszustände und primäre Buttons. Tipp: Hellste Nuance als Standard-Seitenhintergrund einstellen, um visuelle Ermüdung zu reduzieren.

Bildbeispiel von Küsten-Blaupause, erstellt mit media.io

7) Pfauen-Tinte

HEX: #0D2B45 #124E78 #0F8B8D #4DD6C8 #F3F0E8

Stimmung: kräftig, editorial, edel

Ideal für: Magazin-Feature-Layout

Kräftige Pfauenblau und tintenblaues Blaugrün wirken modisch und editorial. Besonders geeignet für Printlayouts mit starken Überschriften und klaren Spalten. Creme für Seitenrand und Fließtextbereiche; Blaugrün für Zitate und Abschnittsmarkierungen. Tipp: Die hellste Aqua-Farbe auf ein wiederkehrendes Element beschränken, um einen charakteristischen Rhythmus zu schaffen.

Bildbeispiel von Pfauen-Tinte, erstellt mit media.io

8) Jade-Neon-Pop

HEX: #09324C #0FB6A6 #2CE6D6 #B5FFF4 #FFFAEE

Stimmung: energiegeladen, verspielt, klar

Ideal für: Startup Social Ads

Energiegeladene Jade und helles Aqua poppen wie Licht auf dem Wasser und geben der Palette eine moderne Verspieltheit. Ideal für auffällige Social Ads mit hoher Lesbarkeit und Kontrast. Dunkles Blau für den Textlayer, helles Aqua für Sticker, Abzeichen und Preisschilder. Tipp: Warmes Off-White als ruhigen Hintergrund einsetzen, so bleiben die Akzente scharf.

Bildbeispiel von Jade-Neon-Pop, erstellt mit media.io

9) Vintage-See-Glas

HEX: #1A4D63 #2B8C8A #63C7B2 #CDEFE8 #E9DFD3

Stimmung: nostalgisch, ruhig, küstennah

Ideal für:Boutique-Hotel-Interieurs

Nostalgische Seeglas-Grüntöne und gedämpfte Blau-Teal-Nuancen erinnern an verwitterte Strandfunde. Diese Farben eignen sich ideal für Boutique-Hotel-Interieurs, besonders in Lounges und Empfangsbereichen. Kombinieren Sie Sandbeige mit Holzstrukturen und Messingbeschlägen und bringen Sie Teal durch Polster und Kunstwerke ein. Tipp zur Anwendung: Wiederholen Sie das sanfte Mintgrün in kleinen Dekorationsobjekten, um verschiedene Räume miteinander zu verbinden.

Beispielbild von Vintage-Seeglas, erstellt mit media.io

10) Verregnetes Atrium

HEX: #0B2F3A #0F6F79 #2EA8A3 #8ADBD3 #F5F6F4

Stimmung:ruhig, geerdet, erfrischend

Ideal für:Meditations-App UI

Ruhige Teal- und Schieferblautöne erinnern an Regen auf Glas, ruhig und beständig. Sie eignen sich gut für Meditations-Apps, bei denen die Benutzeroberfläche in den Hintergrund treten soll. Verwenden Sie den dunkelsten Farbton für die Navigation und das blasse Graugrün als Hauptfläche. Tipp zur Anwendung: Wählen Sie einen mittleren Teal-Ton für Fortschrittsringe, damit die UI beruhigend bleibt und nicht zu unruhig wird.

Beispielbild eines verregneten Atriums, erstellt mit media.io

11) Modernes Museum

HEX: #0E3A66 #0F7C7B #2BB673 #B9F2D5 #FFFFFF

Stimmung:intelligent, kuratiert, optimistisch

Ideal für:Non-Profit-Jahresbericht-Design

Kuratiertes Blau und optimistisches Grün erinnern an einen modernen Galerieraum – hell, aber diszipliniert. Ein blau-smaragdfarbenes Farbschema wie dieses funktioniert hervorragend für Non-Profit-Berichte, die Glaubwürdigkeit mit einer hoffnungsvollen Note benötigen. Verwenden Sie das tiefe Blau für Überschriften und Diagramme, das Grün als Akzent für wichtige Kennzahlen. Tipp zur Anwendung: Setzen Sie auf Weißraum und feine Linien, damit das Layout hochwertig wirkt.

Beispielbild eines modernen Museums, erstellt mit media.io

12) Tropisches Kontobuch

HEX: #0A3556 #127C93 #10B981 #6EE7B7 #ECFEFF

Stimmung:hell, produktiv, positiv

Ideal für:Finanz-Mobile-App-Bildschirme

Helles tropisches Teal und Mint wirken produktiv und positiv, ohne an Ernsthaftigkeit zu verlieren. Es eignet sich für Finanz-Apps, bei denen positive Signale klar hervorstechen sollen. Dunkelblau für Kontoköpfe, lebhaftes Grün für Gewinne, Bestätigungen und Primäraktionen. Tipp zur Anwendung: Bewahren Sie das helle Aqua für sekundäre Flächen auf, damit Grün als Hauptfarbe dominiert.

Beispielbild eines tropischen Kontobuchs, erstellt mit media.io

13) Ruhige Klinik

HEX: #0F3D4C #1B8A8F #43C6AC #D6F5EE #F7F1E5

Stimmung:beruhigend, sauber, sanft

Ideal für:Healthcare-Webdesign

Beruhigendes Teal und sanftes Mint wirken sauber, ruhig und patientenorientiert. Besonders geeignet für Healthcare-Websites, bei denen Klarheit und Vertrauen unverzichtbar sind. Verwenden Sie dunkles Teal für Navigation und Formularbeschriftungen, helles Mint für Abschnittshintergründe und Vertrauensbotschaften. Tipp zur Anwendung: Bewahren Sie Beige für warme, persönliche Akzente wie Testimonial-Blöcke auf.

Beispielbild einer ruhigen Klinik, erstellt mit media.io

14) Stürmische Lagune

HEX: #07253A #0A5C6B #0E9F9A #67DAD1 #CED6DA

Stimmung:stürmisch, abenteuerlich, filmisch

Ideal für:Travel-Vlog-YouTube-Banner

Stürmische Lagunennuancen wirken filmisch, wie Wolken, die sich über tropischem Wasser auftun. Perfekt für Reise-Creator, die Geheimnis und Frische in einem Look vereinen möchten. Das dunkelste Blau als Banner-Grundlage, das leuchtende Teal für den Kanalnamen und Highlights. Tipp zur Anwendung: Subtile Textur oder Körnung hinzufügen, damit die Farben auf breiten Bannern nicht zu flach wirken.

Beispielbild einer stürmischen Lagune, erstellt mit media.io

15) Botanisches Gewächshaus

HEX: #0B3B55 #0C7A6E #39AFA9 #BFEFE9 #F1FFFA

Stimmung:frisch, botanisch, leuchtend

Ideal für:Aquarell-botanische Illustration

Frisches Gewächshaus-Teal und luftiges Mint erinnern an Tau auf Blättern und an Licht, das durch Glas fällt. Perfekt für botanische Illustrationen, bei denen eine kühle, leuchtende Lasur anstelle von schwerem Grün gewünscht wird. Dunkleres Teal für Stiele und Schatten, Mint in Blütenblättern und Freiflächen. Tipp zur Anwendung: Mit transparenten Farbschichten arbeiten, damit die Farbpalette zart bleibt.

Beispielbild eines botanischen Gewächshauses, erstellt mit media.io

16) Mitternachtsspa

HEX: #061824 #073B4C #0E7C7B #4ABDAC #EAF7F6

Stimmung:luxuriös, ruhig, intim

Ideal für:Spa-Buchungswebsite

Luxuriöse Mitternachtsblautöne mit soften Teal-Akzenten erinnern an ein ruhiges Spa nach Geschäftsschluss. Am besten geeignet für Buchungsseiten, bei denen das Erlebnis hochwertig und entspannt wirken soll. Das dunkelste Blau für Kopfleiste und Hero-Bereich, die helle Nuance für Formularfelder und Verfügbarkeitskarten. Tipp zur Anwendung: Button-Zustände in der Teal-Familie halten, damit die Stimmung ruhig bleibt.

Beispielbild eines Mitternachtsspas, erstellt mit media.io

17) Handwerkliche Fliesenarbeit

HEX: #14324A #206A9A #0D9C90 #61D4C5 #F0EDE5

Stimmung:handgemacht, weltoffen, lebendig

Ideal für:Restaurant-Menü-Design

Handwerkliche Blautöne und lebendiges Teal erinnern an glasierte Fliesen in einem Café am Meer. Eine gute Wahl für Restaurantmenüs mit Charakter und guter Lesbarkeit. Tiefes Blau für Abschnittsüberschriften und Ränder, Teal für Icons und Highlights wie Chefempfehlungen. Tipp: Auf warm getöntem Offwhite-Papier drucken, um die Farbpalette einladend zu halten.

Beispielbild handwerklicher Fliesenarbeit, erstellt mit media.io

18) Nordische Küche

HEX: #0C2E4A #0F6C7A #1F9D88 #A7E8D8 #FAF5EC

Stimmung:minimal, gemütlich, ausbalanciert

Ideal für:Küchen-Interieur-Styling

Minimale nordische Blautöne und sanftes Grün-Teal wirken gemütlich, ordentlich und ausbalanciert. Passt zu Küchen, in denen kühle Schrankfarben ohne Wärmeverlust gewünscht sind. Creme mit hellem Eichenholz und gebürstetem Stahl kombinieren, Teal in Fliesenspiegeln oder Barhockern akzentuieren. Tipp: Das dunklere Blau in kleinen Beschlag-Details wiederholen für ein einheitliches Erscheinungsbild.

Beispielbild einer nordischen Küche, erstellt mit media.io

19) Futuristisches Terminal

HEX: #03121F #0B3A5B #0BB3A4 #33E6D2 #E7FFF9

Stimmung:futuristisch, scharf, elektrisch

Ideal für:Gaming-Stream-Overlay

Kräftiges Navy und elektrisches Teal erinnern an das Leuchten eines futuristischen Terminals. Diese blau-smaragdfarbenen Kombinationen sind gemacht für Overlays, die energievoll wirken sollen, ohne mit dem Spiel zu kollidieren. Das dunkelste Blau als Rahmen und Infobalken, das helle Aqua für Alarme und aktuelle Ereignisse. Tipp: Das blasse Mint für feine Trenner benutzen, damit das Overlay sauber bleibt.

Beispielbild eines futuristischen Terminals, erstellt mit media.io

20) Sanfte Zeremonie

HEX: #0E4A6F #1A7F7A #42BFAE #DDF7F3 #FFF7F0

Stimmung:romantisch, luftig, modern

Ideal für:Hochzeitseinladungs-Set

Luftiges Teal und sanftes Blau wirken romantisch auf moderne, dezente Art. Ideal für Hochzeits-Papeterie, die maritimen Chic ohne offensichtliches Nautik-Motiv sucht. Zartes Creme für das Papier, Teal für Monogramme und kleine Liniengrafiken. Tipp: Feine Serifenschriften wählen und Verzierungen minimal halten, so sprechen die Farben für die Stimmung.

Beispielbild einer sanften Zeremonie, erstellt mit media.io

21) Meereshöhlen-Minimalismus

HEX: #081F2D #0E5168 #0D827A #6FE3D6 #F6FBFA

Stimmung:minimal, geheimnisvoll, klar

Ideal für:Portfolio-Website für Designer

Minimale Meereshöhlen-Blautöne mit einer klaren Teal-Kante wirken still, selbstbewusst und zeitgemäß. Passt für Designer-Portfolios, in denen die Arbeit Raum braucht und das UI bewusst gestaltet ist. Das dunkelste Blau für Header und Footer, Teal sparsam für Hover-States und Links. Tipp: Bilder auf nahezu Weiß rahmen, um einen galerieähnlichen Fluss zu erzeugen.

Beispielbild von Meereshöhlen-Minimalismus, erstellt mit media.io

22) Kristallstrom

HEX: #0B3654 #117A8B #14B8A6 #9FF3E7 #FDFCF7

Stimmung:hell, optimistisch, sauber

Ideal für:E-Commerce-Produktseiten-UI

Helle Schattierungen von Blau und sauberes Teal erinnern an klares Wasser über Stein, lebendig und vertrauenswürdig. Passend für E-Commerce-Seiten, die frisch aussehen und dennoch konvertieren sollen. Tiefes Blau für Preis und Hauptdaten, Teal für „In den Warenkorb“- und Vertrauens-Badges. Tipp: Blasses Mint für Feature-Reihen verwenden, damit die Seite leicht und gut erfassbar bleibt.

Beispielbild eines Kristallstroms, erstellt mit media.io

Welche Farben passen gut zu Blauem Smaragd?

Blau-Smaragd lässt sich am besten mit klaren Neutralen kombinieren, die Blaugrün den Vortritt lassen: Weiß, warmes Creme, sanftes Grau und Sandbeige. Diese Hintergründe lassen Teal als Akzentfarbe schärfer und hochwertiger erscheinen.

Für stärkeren Kontrast Schwarzblau (fast Schwarz) für Typografie und Struktur hinzufügen und helles Aqua/Mint für interaktive Highlights reservieren. Wer einen wärmeren Kontrapunkt möchte, kann mit kleinen Akzenten in Koralle, Pfirsich oder Messinggold „menschliche“ Energie hinzufügen, ohne den modernen Look zu stören.

Im Interieur harmoniert Blau-Smaragd besonders gut mit Naturholz, gebürstetem Stahl, Terrazzo und Leinenstrukturen. Diese Materialien nehmen die Kühle und verhindern, dass die Farbpalette zu digital wirkt.

Wie man eine Blaue Smaragd-Farbpalette in echten Designs nutzt

Beginnen Sie mit einem Anker-Dunkelton (Navy/fast Schwarz) und einem primären Blau-Smaragd (wie #0B7A75) für Hauptaktionen. Dann einen hellen Mint-/Eis-Ton für Flächen wie Karten, Panels und Abschnittshintergründe wählen, um Klarheit zu wahren.

Setzen Sie Akzentfarben mit Disziplin ein: Ein leuchtendes Aqua für CTAs, Highlights oder Datenpunkte reicht meist aus. Im UI sollten Sie auf Barrierefreiheit achten und Kontraste für Text und Interaktivität prüfen, besonders wenn Teal auf hellem Hintergrund eingesetzt wird.

Für das branding, lehnen Sie sich auf Creme oder off-white, um das system zu erwärmen, und berücksichtigen Sie eine subtile Textur oder Körnung in großen blauen Bereichen. Diese kleinen Details können die palette fühlen mehr taktil und weniger flach.

Erstelle Blaue Smaragd-Farbpaletten-Visuals mit KI

Wenn Sie diese Paletten in Aktion sehen möchten, erstellen Sie schnelle mockups (Poster, UI-Bildschirme, Verpackungen, Interieure), bevor Sie sich auf eine endgültige Richtung verpflichten. Visuelle Tests helfen Ihnen, Kontrast, Stimmung und das Verhalten von teal unter verschiedenen Beleuchtungen und Texturen zu bestätigen.

Mit Media.io können Sie eine palette in konsistente Konzeptbilder verwandeln, indem Sie dieselbe Aufforderungsstruktur wiederverwenden und Farben, Materialien oder Layouttypen tauschen. Dadurch können Sie schnell mehrere kreative Wege erkunden.

Wenn Sie aufgefordert werden, nennen Sie das Designformat (UI-Kit, poster, Verpackung), die Stimmung (elegant, küstlich, filmisch) und Ihre Schlüsselfarben für die vorhersehbarsten Ergebnisse.

Weiter: Grüne Creme Farbpalette