Teal Farbpalette: 20 inspirierende Farbkombinationen mit Hex-Codes

Teal sitzt genau zwischen Blau und Grün, sodass es natürlich "ruhig" mit "frisch" ausgleicht. Das macht eine blaue Farbpalette einfach für Schnittstellen, Marken und Räume zu verwenden, die Klarheit benötigen, ohne sich kalt zu fühlen.

Im Folgenden finden Sie 20 kuratierte Teal-Farbkombinationen mit hexagonalen codes sowie eine kurze Anleitung zum Kombinieren von teal mit Neutralen, Metallen und warmen Akzenten für moderne, lesbare designs.

Warum Teal Paletten So gut funktionieren

Teal ist flexibel: Es kann als sauber und modern in der Benutzeroberfläche oder als reich und erstklassig im branding gelesen werden, je nachdem, ob Sie es in Richtung cyan (heller) oder Grün (tiefer) schieben.

Es spielt auch gut mit Kontrast. Deep teals passen gut zu Off-White für redaktionelle layouts, während hellere Seafoam-Töne freundliche Hintergründe für Karten, Formulare und Onboarding-Bildschirme bilden.

Schließlich überbrückt teal warme und kühle Akzente. Es kann energische pops wie Koralle oder gold unterstützen, ohne sich chaotisch zu fühlen, weshalb Teal-Farbschemata oft selbst mit minimalem Aufwand "entworfen" aussehen.

20+ Teal Farbpalette Ideen (mit HEX Codes)

1) Lagunenbrise

Sechskant:#0f766e#14b8a6#5eead4#f1f5f9#0b1320

Stimmung:Ruhig, Küste, Frisch

Am besten für:Benutzeroberfläche der wellness app

Die ruhigen Lagunentöne fühlen sich wie klares Wasser und eine kühle Morgenbrise an. Sie funktionieren hervorragend für Wellness-Dashboards, Gewohnheitstracker und saubere Onboarding-Bildschirme, wo Klarheit zählt. Kombinieren Sie die leuchtende aqua mit Schiefer oder fast schwarzem text für Lesbarkeit, und reservieren Sie die helle mint für Karten und subtile highlights. Gebrauchstipp: Halten Sie den dunkelsten Farbton für Kopfzeilen und navigation, damit die helleren Akzente luftig bleiben.

Bild Beispiel von lagoon breeze 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) Tiefer Hafen

Sechskant:#063940#195e63#3e838c#f4f1de#1b1f24

Stimmung:nautisch, raffiniert, stimmungsvoll

Am besten für:Meeresfrüchte restaurant Menüdesign

Tiefe Hafentöne erinnern an Abende am Hafen, gesalzene Luft und poliertes Holz. Sie passen zu Restaurantmenüs und Markensystemen, die sich premium anfühlen wollen, ohne auffällig auszusehen. Kombinieren Sie das dunklere teal mit warmem off-white und lassen Sie die gedämpften blau-grünen Griffteiler und Symbole bedienen. Verwendungstipp: Verwenden Sie den cremefarbenen Ton für großzügigen negativen Platz, sodass sich die Typografie gehoben und lesbar anfühlt.

Bildbeispiel von deep harbor generiert mit media.io

3) Kupferflut

Sechskant:#0b525b#1f7a8c#bfdbf7#e6beae#d95d39

Stimmung:warm, handwerklich, einladend

Am besten für:Duftkerzenverpackung

Warmes Kupfer und wässriges blaugrün fühlen sich an wie sonnenbeleuchtete Wellen, die auf verwittertes Metall treffen. Diese blauen Farbkombinationen eignen sich ideal für Kerzenetiketten, Handwerksverpackungen und Boutique-Produkteinführungen, die eine handgefertigte Atmosphäre wünschen. Kombinieren Sie den Rost-Akzent mit dem blasseren Blau für Gleichgewicht und behalten Sie den stärksten teal für Markenzeichen und Ränder. Verwendungstipp: Verwenden Sie Kupfer sparsam als Brennpunkt, damit die palette ruhig bleibt und nicht überfüllt ist.

Bildbeispiel von copper tide generiert mit media.io

4) geprägter Marmor

Sechskant:#0f766e#2dd4bf#a7f3d0#f8fafc#94a3b8

Stimmung:Spa-ähnlich, hell, modern

Am besten für:Badezimmer Interieur Moodboard

Minze und weiches blaugrün erinnern an polierten Stein, Dampf und einen ruhigen spa. Sie passen zu Badezimmern, Toilettenräumen und minimalen Küchen, wo Sie Sauberkeit ohne Schärfe wünschen. Kombinieren Sie die kühlen greens mit hellgrauen Armaturen, blassem Holz und gebürstetem nickel für ein ruhiges, zeitgenössisches finish. Verwendungstipp: Wiederholen Sie die dunkelste blaue Farbe in kleinen details wie Handtüchern oder Fugenlinien, um den Raum bewusst anzufühlen.

Bildbeispiel von geprägtem Marmor erzeugt mit media.io

5) Regenwaldtinte

Sechskant:#064e3b#0f766e#115e59#0b1320#e2e8f0

Stimmung:üppig, dramatisch, filmisch

Am besten für:Öko-Thriller-Buchcover

Tintengrün und tiefgrün fühlen sich an wie dichte Regenwaldschatten und versteckte Wege. Sie eignen sich gut für spannende Buchcover, dokumentarische Schlüsselkunst und Umweltkampagnen, die Schwerkraft benötigen. Kombinieren Sie den nahezu schwarzen Typ mit dem hellgrauen Typ und verwenden Sie dann teal sparsam als leuchtenden Akzent für Titel oder Abzeichen. Gebrauchstipp: Halten Sie den Kontrast auf der Abdeckung hoch, damit das design in Miniaturgröße lesbar bleibt.

Bildbeispiel von Regenwaldtinte, die mit media.io erzeugt wurde

6) Retro Poolside

Sechskant:#008c9e#00b4d8#90e0ef#ffd166#073b4c

Stimmung:verspielt, sonnig, nostalgisch

Am besten für:Sommerveranstaltungsflyer

Helles Pool-Blues mit einem Hauch von Zitrusgelb bringen motels am Straßenrand und Vinyl-Liegestühle zurück. Sie eignen sich perfekt für Sommerflyer, Pop-up-Events und energische Promo-Grafiken, die sofortige Aufregung benötigen. Kombinieren Sie das Gelb mit dem dunkelsten Marineblau für starke Schlagzeilen und verwenden Sie den blassen aqua als atmungsaktiven Hintergrund. Verwendungstipp: Begrenzen Sie Verläufe und halten Sie Formen kräftig, um das Retro-Gefühl zu bewahren.

Bildbeispiel von retro poolside generiert mit media.io

7) Wüstenoase

Sechskant:#0f766e#34d399#fbbf24#fef3c7#92400e

Stimmung:Sonnenschein, abenteuerlich, einladend

Am besten für:Reiseblog hero banner

Blau-und Kaktusgrün wirken wie eine schattige Oase gegen warmen Wüstensand. Dieser mix passt zu Reiseblogs, Reiseroutenseiten und Guide-Vorlagen, wo Sie Energie ohne Neonintensität wünschen. Kombinieren Sie den goldenen Ton mit blaugrünen Knöpfen und behalten Sie die Creme als Hauptleinwand für Fotos und Schlagzeilen. Verwendungstipp: Verwenden Sie die braune Farbe für kleine Trennteile und Unterschriften, um die palette geerdet zu halten.

Bild Beispiel von desert oasis generiert mit media.io

8) Schiefer und Meeresschaum

Sechskant:#0f766e#2dd4bf#64748b#1e293b#f1f5f9

Stimmung:modern, selbstbewusst, sauber

Am besten für:SaaS-Dashboard-Benutzeroberfläche

Kühler Meeresschaum gegen Schiefergrau fühlt sich an wie Glasarchitektur und frische Morgenluft. Eine solche blaue Farbpalette eignet sich gut für SaaS-Dashboards, Analyseansichten und Administratorpanels, in denen Hierarchie alles ist. Kombinieren Sie Schiefertypografie mit SeaFoam-Highlights für Zustände, tags und aktive navigation. Benutzungstipp: Halten Sie die hellste mint für Erfolg oder ausgewählte Zustände, damit die Schnittstelle konsistent bleibt.

Bildbeispiel von Schiefer und Seeschaum erzeugt mit media.io

9) Korallenstrom

Sechskant:#0f766e#14b8a6#fb7185#fff1f2#2d1b2d

Stimmung:Lebendig, trendig, sozial

Am besten für:beauty brand Soziale Beiträge

Die lebendige Koralle mit sauberem teal fühlt sich an wie Pop-Art-Make-up-Muster und glänzende Verpackung. Es ist eine starke Wahl für soziale Vorlagen, Launch-Ankündigungen und Creator-Kits, wo Sie schnelle Aufmerksamkeit brauchen. Kombinieren Sie Korallenschlagzeilen mit tiefem Pflaumentext für Kontrast und lassen Sie den blassen blush den Hintergrund handhaben. Verwendungstipp: Verwenden Sie Korallen nur für ein oder zwei Schlüsselelemente pro Pfosten, um das Futter kohärent zu halten.

Beispielbild für von media.io erzeugte Korallenströmung

10) Nordisches Teal-Neutral

Sechskant: #115e59 #0f766e #e5e7eb #f9fafb #111827

Stimmung: minimal, praktisch, ruhig

Am besten für: E-Commerce Produktseiten-UI

Gedämpftes Teal mit sanften Grautönen erinnert an skandinavische Textilien und ordentliche Regale. Es eignet sich für Produktseiten und Kaufprozesse, die vertrauenswürdig und übersichtlich wirken sollen. Kombinieren Sie den dunklen Tintenton mit hellen Hintergründen und verwenden Sie Teal für Links, Umschalter und Preis-Highlights. Tipp: Reservieren Sie das kräftigste Teal für Primär-Buttons, damit wichtige Aktionen hervorstechen.

Beispielbild für nordisches Teal-Neutral, generiert mit media.io

11) Electric Peacock

Sechskant: #006d77 #00a896 #02c39a #ffd166 #001219

Stimmung: kräftig, festlich, energiegeladen

Am besten für: Musikfestival-Plakat

Pfauenteal und Neonmint wirken wie Scheinwerfer, die durch die Nacht leuchten. Diese Palette passt zu Festival-Plakaten, Nachtleben-Promos und aufmerksamkeitsstarken Ankündigungen, die einen starken Kontrast verlangen. Kombinieren Sie die kräftigen Grüntöne mit tiefem Schwarz für Typografie und verwenden Sie das Gelb als Scheinwerferakzent hinter Hauptacts. Tipp: Halten Sie die Schrift groß und einfach, damit die satten Farben die Lesbarkeit nicht beeinträchtigen.

Beispielbild für Electric Peacock, generiert mit media.io

12) Vintage-Apotheke

Sechskant: #134e4a #0f766e #a3b18a #f2e8cf #6b4f4f

Stimmung: erdig, nostalgisch, handgemacht

Am besten für: Kräuter-Tonikum-Flaschenverpackung

Erdiges Teal mit Salbeigrün und Pergament erinnert an alte Etiketten, Glasflaschen und getrocknete Pflanzen. Es eignet sich für apothekeninspirierte Verpackungen, kleine Lebensmittelmarken und Marktbeschilderung. Kombinieren Sie Pergament mit dunklem Teal für klassischen Etikettenkontrast und nutzen Sie das gedeckte Braun für Vintage-Rahmen. Tipp: Fügt eine subtile Papierstruktur hinzu und haltet die Palette matt, um die handwerkliche Geschichte zu unterstreichen.

Beispielbild für Vintage-Apotheke, generiert mit media.io

13) Arktischer Fjord

Sechskant: #0e7490 #22d3ee #a5f3fc #e0f2fe #0f172a

Stimmung: klar, eisig, präzise

Am besten für: FinTech Landingpage UI

Eisige Blautöne und Teal erinnern an Gletscherwasser und scharfes Winterlicht. Sie eignen sich sehr gut für FinTech-Landingpages und Produktscreens, die schnell, sauber und sicher wirken sollen. Kombinieren Sie das dunkle Marineblau mit hellem Cyan für CTAs und nutzen Sie den hellsten Ton für Sektionen und Karten. Tipp: Halten Sie Icons monochrom und lassen Sie eine Akzentfarbe die Aufmerksamkeit steuern.

Beispielbild für Arktischer Fjord, generiert mit media.io

14) Blush Lagoon

Sechskant: #0f766e #5eead4 #fbcfe8 #fff7ed #374151

Stimmung: sanft, romantisch, luftig

Am besten für: Hochzeitseinladungs-Set

Zartes Rosé mit wässrigem Teal erinnert an Meerglas, Seidenbänder und Frühlingsblüten. Es ist ideal für Hochzeitspapeterie, Einladungen zu Brautpartys und elegante Antwortkarten mit leichter Note. Kombinieren Sie Kohlefarbtext mit Blush-Hintergrund und setzen Sie Teal sparsam für Monogramme oder kleine Illustrationen ein. Tipp: Wählen Sie eine dominante Pastellfarbe und die andere nur als Akzent, um einen Bonbon-Look zu vermeiden.

Beispielbild für Blush Lagoon, generiert mit media.io

15) Charcoal Reef

Sechskant: #0f766e #134e4a #334155 #0b1320 #f8fafc

Stimmung: elegant, technisch, hochwertig

Am besten für: Editorial Design für Geschäftsberichte

Dunkle Korallentöne erinnern an tiefes Wasser mit klaren, modernen Kanten. Diese Mischung glänzt bei Editorial-Layouts, Geschäftsberichten und Pitchdecks, die eine anspruchsvolle Ausstrahlung benötigen. Probieren Sie diese Teal-Kombinationen mit viel Weißraum, dünnen Linien und klaren Diagrammen für ein hochwertiges Finish. Tipp: Fließtexte auf Weiß setzen und dunklere Töne für Sidebars und Abschnittsanfänge nutzen.

Beispielbild für Charcoal Reef, generiert mit media.io

16) Golden Kelp

Sechskant: #0f766e #14b8a6 #f59e0b #fef3c7 #3f2d20

Stimmung: luxuriös, maritim, warm

Am besten für: Restaurant-Innenraum-Akzentplan

Goldene Akzente auf Teal erinnern an Tang, der in sonnengeflutetem Wasser treibt. Ideal für Gastgewerbe-Innenräume, Barkonzepte und Speiseräume, die Wärme, aber auch Frische wünschen. Kombinieren Sie Teal-Polster mit Messingarmaturen und cremefarbenen Wänden, dazu dunkles Braun für Holz- und Ledernoten. Tipp: Den Goldton in der Beleuchtung aufnehmen, damit die Palette abends leuchtet.

Beispielbild für Golden Kelp, generiert mit media.io

17) Stormy Bay

Sechskant: #0b525b #144552 #1c2e4a #9be7d8 #f1f5f9

Stimmung: stürmisch, fokussiert, professionell

Am besten für: Präsentations-Folienmaster-Thema

Stormy-Bay-Töne erinnern an Regen über dem Ozean, beständig und ernsthaft. Besonders geeignet für Foliensätze, Kundenpräsentationen und Keynote-Themen mit ruhiger Autorität. Kombinieren Sie tiefes Navy mit hellen Hintergründen und setzen Sie Mint für Hervorhebungen und Daten ein. Tipp: Halten Sie Diagramme überwiegend monochrom und nutzen Sie lediglich eine Akzentfarbe, um das Publikum zu führen.

Beispielbild für Stormy Bay, generiert mit media.io

18) Spring Eucalyptus

Sechskant: #0f766e #2dd4bf #bbf7d0 #fefce8 #84cc16

Stimmung: frisch, botanisch, optimistisch

Am besten für: Aquarell-Botanische Illustration

Frisches Grün mit sanftem Teal erinnert an Eukalyptusblätter, die in der Sonne trocknen. Perfekt für botanische Etiketten, zarte Social-Media-Grafiken und saisonale Kampagnen mit organischem Charakter. Kombinieren Sie Buttergelb mit hellen Mintwaschungen und nutzen Sie das kräftigste Grün für Stiele und Blätter im Fokus. Tipp: Großzügig Weißraum um die Illustration lassen, damit die Palette leicht und luftig bleibt.

Beispielbild für Spring Eucalyptus, generiert mit media.io

19) Neon Aquarium

Sechskant: #0f766e #00f5d4 #00bbf9 #9b5de5 #0b1320

Stimmung: futuristisch, energiegeladen, neon

Am besten für: Gaming-Stream-Overlay-UI

Neon-Aqua und Violett wirken wie leuchtende Korallen im nächtlichen Aquarium. Eignet sich für Stream-Overlays, Esport-Grafiken und markante UI-Skins, bei denen Kontrast und Persönlichkeit zählen. Kombinieren Sie die dunkle Basis mit leuchtenden Akzenten für Panels und Alerts, und setzen Sie Violett für sekundäre Highlights wie Labels oder Timer ein. Tipp: Nicht alle Neonfarben gleichzeitig verwenden – wählen Sie einen dominanten und einen unterstützenden Akzent für Klarheit.

Beispielbild für Neon Aquarium, generiert mit media.io

20) Klassisches Teal und Sand

Sechskant: #0f766e #115e59 #d6a15e #f5e6d3 #3a2f2a

Stimmung: zeitlos, warm, editorial

Am besten für: Fashion-Lookbook Editorial-Strecke

Klassisches Teal mit Sand und Creme erinnert an maßgeschneiderte Mäntel, Leder-Accessoires und Museumsbeleuchtung. Eine solche Farbpalette eignet sich für Fashion-Lookbooks, Lifestyle-Editorials und hochwertige Kataloge. Kombinieren Sie Sandflächen mit tiefen Teal-Überschriften und nutzen Sie Creme, damit Produktfotos hell und authentisch bleiben. Tipp: Wiederholen Sie Brauntöne in kleinen Details wie Seitenzahlen oder Linien für ein stimmiges, druckfertiges Ergebnis.

Beispielbild für klassisches Teal und Sand, generiert mit media.io

Welche Farben passen gut zu Teal?

Teal lässt sich mühelos mit klaren Neutralen wie Weiß, Elfenbein und Hellgrau für einen sauberen, modernen Look kombinieren. Für Tiefe und Lesbarkeit setzen Sie Teal mit Anthrazit, Schiefer oder fast Schwarz für Text und Überschriften ein.

Für warmen Kontrast probieren Sie Koralle, Terrakotta, Sand oder Goldgelb – diese bringen Energie ins Teal, ohne es zu stören. Wenn Sie einen hochwertigen Look möchten, kombinieren Sie Teal mit Metallics wie Messing/Gold oder gebürstetem Nickel, je nachdem ob Sie Wärme oder Kühle bevorzugen.

Für eine tonale Teal-Farbpalette schichten Sie Teal mit Marineblau und Blaugrün. Die Palette bleibt so elegant und ist besonders effektiv für Dashboards, Berichte und Editorial-Layouts.

So verwenden Sie eine blaue Farbpalette in echten Designs

Beginnen Sie mit Rollen: Wählen Sie ein dunkles Teal oder Navy für Struktur (Überschriften, Navigation), ein mittleres Teal für Markenidentität und einen hellen Ton für Hintergründe und Karten. Dadurch bleibt die Hierarchie konsistent auf allen Seiten oder Screens.

Achten Sie auf Kontrast: Ist Teal Hintergrund, nutzen Sie Off-White oder sehr dunklen Text; ist Teal Akzent, setzen Sie ihn nur für wichtige UI-Elemente (aktiv, ausgewählt, Erfolg) ein, damit Nutzer das System schnell erfassen.

Für Print und Inneneinrichtungen wiederholen Sie Teal in kleinen, gezielten Akzenten – Linien, Icons, Handtücher, Zierleisten – und lassen Sie Neutrale den Großteil ausmachen. Ein einzelner warmer Akzent (Gold, Sand, Koralle) kann als Fokuspunkt dienen.

Erstellen Sie Teal Palette Visuals mit KI

Wenn Sie sehen möchten, wie diese Teal-Farbideen in echten Designs wirken, generieren Sie Mockups aus Prompts in Sekunden. So testen Sie Stimmung, Kontrast und Akzentbalance, bevor Sie Ihr finales Layout gestalten.

Probieren Sie mehrere Varianten, indem Sie nur einen Akzent austauschen (Koralle vs. Gold vs. Sand), während Ihr Teal als Basis bleibt. So finden Sie schnell die Farbkombination, die zu Ihrer Markenstimme oder UI passt.

Mit Media.io verwandeln Sie kurze Beschreibungen direkt im Browser in ausgefeilte Visuals für Poster, UI-Screens, Verpackungen oder Interior-Moodboards.

Weiter: Blaue Farbpalette