# Bedeutung der Farbe Teal und warum Marken sie lieben

[Canonical HTML page](https://gradiently.design/de/guide/teal-color-meaning)

Teal erledigt zwei Aufgaben zugleich: Es beruhigt wie Blau und erfrischt wie Grün. Diese doppelte Bedeutung, und dass es kein schlichtes Blau ist, ist der Grund, warum so viele Gesundheits-, Finanz- und Tech-Marken danach greifen.

## The short version

- Die Bedeutung der Farbe Teal verbindet Blaus Ruhe, Klarheit und Vertrauen mit Grüns Erneuerung, Gesundheit und Balance.
- Teal hat seinen Namen von der Krickente, einer kleinen Ente, deren Männchen einen schillernd grünen Augenfleck tragen.
- Die CSS-Farbe teal ist #008080, ein mittleres Blaugrün aus gleichen Teilen Grün und Blau ohne Rot.
- Marken wählen Teal, weil es vertrauenswürdig wie Blau wirkt und sich zugleich von den vielen Marken abhebt, die schon Blau nutzen.
- Orange und Koralle sind Teals natürliche Komplemente, weshalb Teal und Orange in Film und Design eine so häufige Kombination ist.

Die **Bedeutung der Farbe Teal** ist Ruhe mit Puls: Sie verbindet Blaus Vertrauen, Klarheit und Gelassenheit mit Grüns Erneuerung, Gesundheit und Balance. Teal wirkt frisch, aber ernst, nachdenklich, aber nicht kalt. Außerdem entgeht es der Masse. Eine Marke, die die Beruhigung von Blau will, ohne wie jede Bank und jede Softwarefirma auszusehen, hat in Teal eine fertige Antwort, was ein großer Teil davon ist, warum es in Gesundheit, Finanzen, Wellness und Technologie auftaucht.

## Woher Teal kommt

Die Farbe ist nach der Krickente benannt, einer kleinen Schwimmente, deren Männchen ein breites Band aus schillerndem Grün vom Auge nach hinten tragen. Das Wort kam im frühen 20. Jahrhundert im Englischen als Farbname in Gebrauch. Auf Bildschirmen bedeutet Teal gleiche Mengen grünes und blaues Licht und kein Rot; das CSS-Schlüsselwort `teal` ist genau das.

```css
:root {
  /* The CSS named colour */
  --teal: teal; /* #008080, rgb(0 128 128) */

  /* A practical brand scale */
  --teal-100: #ccfbf1;
  --teal-300: #5eead4;
  --teal-500: #14b8a6;
  --teal-700: #0f766e;
  --teal-900: #134e4a;
}
```

Das Schlüsselwort `teal` und eine fünfstufige Skala, die du in ein Stylesheet einfügen kannst. Die Stufe 700 trägt weiße Schrift mühelos.

## Teal in der Farbpsychologie

Die meisten Assoziationen von Teal stammen von Wasser und Natur: flaches tropisches Meer, Lagunen, Mineralbäder und die Patina auf altem Kupfer. Diese Bilder lassen es sauber, kühl, erholsam und ein wenig kostbar wirken. Wie jede Farbbedeutung sind das erlernte Assoziationen, keine Regeln, und [Farbpsychologie](https://gradiently.design/de/guide/color-psychology) erklärt, warum der Kontext sie verschiebt.

| Von Blau | Von Grün | Teals Eigenes |
| --- | --- | --- |
| Vertrauen | Erneuerung | Klarheit mit Wärme |
| Ruhe | Gesundheit | Frisch, aber erwachsen |
| Kompetenz | Balance | Weder geschäftsmäßig noch rustikal |
| Tiefe | Wachstum | Modern und geschlechtsneutral |

Teal borgt von beiden Eltern und endet mit einem eigenen Charakter.

## Teal-Töne und was jeder sagt

- Meerschaum: #ccfbf1
- Aqua-Teal: #5eead4
- Leuchtendes Teal: #14b8a6
- CSS-Teal: #008080
- Tiefes Teal: #0f766e
- Dunkles Teal: #134e4a
- Abgrund: #042f2e
- Staubiges Teal: #5f8f8a

Helle Teal-Töne wirken luftig und klinisch, dunkle reich und leise, und staubiges Teal wirkt nach Interieur und Handwerk.

- **Meerschaum und Aqua-Teal:** Frische, Spa, Sommer, Nahbarkeit.
- **Leuchtendes Teal:** Energie und Optimismus mit technischer Note; gut für Apps und Dashboards.
- **Tiefes und dunkles Teal:** Selbstvertrauen, Tiefe und Luxus; eine starke Alternative zu Marine.
- **Staubiges Teal:** ruhig, vintage und handgemacht; passt zu Wohnaccessoires, Keramik und Cafés.

## Warum Marken Teal lieben

Teal löst ein häufiges Branding-Problem. Blau ist die sichere Wahl für alles rund um Geld, Gesundheit oder Daten, deshalb nutzen viele Mitbewerber es bereits. Teal behält das meiste von Blaus Glaubwürdigkeit und fügt ein Gefühl von Fürsorge und Frische hinzu, genau der Ton, den eine Klinik, eine Renten-App oder ein Wellbeing-Dienst will. Es ist außerdem frei von der starken Geschlechtercodierung, die Rosa und manche Blautöne tragen.

Es gibt Orte, an denen Teal schlechter passt. Wenn deine ganze Branche schon zu Teal neigt, wie manche Wellness- und Zahnmärkte, ist es nicht mehr unterscheidbar, und du brauchst ein zweites Erkennungselement. Sehr leuchtendes Teal kann auch jung und technisch wirken, was bei einer traditionsreichen Kanzlei oder einem Bestattungsinstitut stören kann. In solchen Fällen behält ein staubiges oder sehr dunkles Teal die Ruhe ohne den Start-up-Eindruck. [So wählst du Markenfarben](https://gradiently.design/de/guide/how-to-choose-brand-colors) hat eine ausführlichere Methode.

Ein quadratischer Klinik-Post auf ruhigem Teal-Verlauf, der Termine am selben Tag ankündigt

Teal für eine Klinik: ruhig, sauber und vertrauenswürdig ohne die Kühle des Krankenhausblaus.

Ein quadratischer Post einer Finanz-App auf tiefem Teal mit der Zeile Deine Ersparnisse auf einen Blick

Tiefes Teal für eine Finanz-App: glaubwürdig wie eine Bank, aber wärmer und moderner.

## So baust du eine Marke um Teal auf

1. **Entscheide, wie hell oder tief** Helle Teal-Töne wirken offen und freundlich; tiefe wirken etabliert. Nimm ein Haupt-Teal und schreibe seinen Hex-Wert auf, damit jede Datei genau dieselbe Farbe nutzt.
2. **Gib ihm eine Textfarbe** Prüfe, welche Schrift auf deinem Haupt-Teal lesbar ist. Leuchtende Teal-Töne wollen fast schwarze Schrift; tiefe nehmen Weiß.
3. **Füge einen warmen Akzent hinzu** Eine Koralle, ein Orange oder ein Gold in kleinen Dosen verhindert, dass eine Teal-Palette klinisch wirkt. Heb es für Buttons, Preise oder eine einzelne Form auf.
4. **Teste es früh im Druck** Sehr leuchtende Teal-Töne vom Bildschirm können deutlich matter drucken. Verlange einen Proof, bevor du Verpackung oder Beschilderung bestellst; [RGB vs. CMYK](https://gradiently.design/de/guide/rgb-vs-cmyk) erklärt, warum.
5. **Trage es in Hintergründe** Social Posts und Folien sind dort, wo Menschen eine Marke am häufigsten sehen. Ein durchgängiger Teal-Hintergrund darauf tut mehr für die Wiedererkennung als das Logo allein.

## Farben, die zu Teal passen

Teals Komplement liegt im Bereich von Orange und Koralle, warme Akzente lassen es also glühen. Dieser Gegensatz steckt auch hinter dem bekannten Teal-und-Orange-Colorgrading in Filmen, wo kühle Schatten warme Haut hervorheben. Für ruhigere Paletten bleibe bei Teal mit seinen Nachbarn Marine und Salbei, wie unter [Analogfarben](https://gradiently.design/de/guide/analogous-colors).

- Teal zu Orange: `linear-gradient(135deg, #134e4a 0%, #0f766e 50%, #f97316 100%)`
- Meerschaum zu tiefem Teal: `linear-gradient(160deg, #ccfbf1 0%, #5eead4 50%, #0f766e 100%)`
- Lagune bei Nacht: `radial-gradient(circle at 70% 30%, #14b8a6 0%, #134e4a 50%, #042f2e 100%)`
- Teal und Koralle: `linear-gradient(135deg, #0f766e 0%, #fb7185 100%)`

Teal mit seinen warmen Komplementen und mit seinen eigenen tieferen Tönen. Mehr unter [Teal-Verläufe](https://gradiently.design/de/guide/teal-gradient).

### Vermeiden

- Weiße Schrift auf leuchtendem Teal `#14b8a6`: etwa 2,5:1
- Weiße Schrift auf `#0d9488`: etwa 3,7:1, noch immer unter 4,5:1
- Teal direkt in Rot, was in der Mitte trüb wird

### Besser

- Fast schwarze Schrift auf leuchtendem Teal, etwa 8:1
- Weiße Schrift auf tiefem Teal `#0f766e`, etwa 5,5:1
- Teal über Marine oder Grün mischen, nicht quer durch den Farbkreis

Prüfe deine eigenen Paare mit der Methode unter [Farbkontrast und Barrierefreiheit](https://gradiently.design/de/guide/color-contrast-accessibility) und sieh dir [Türkis-Verläufe](https://gradiently.design/de/guide/turquoise-gradient) an, wenn du eine hellere, sonnigere Version derselben Familie willst. Wenn du einen Teal-Look willst, der nur dir gehört, suche im Markt von Gradiently nach „tiefes Teal“: Jeder Mark hat zur Zeit genau einen Besitzer und hält deinen Text lesbar, während er sich bewegt.

## FAQ

### Was bedeutet die Farbe Teal?

Teal steht für Ruhe, Klarheit und Vertrauen von Blau, zusammen mit Erneuerung, Gesundheit und Balance von Grün. Es wirkt frisch und modern, aber dennoch ernst.

### Wie lautet der Hex-Code für Teal?

Die CSS-Farbe teal ist #008080. Marken nutzen oft hellere oder tiefere Versionen, etwa #14b8a6 oder #0f766e.

### Ist Teal blau oder grün?

Beides. Teal ist ein Blaugrün, auf dem Bildschirm aus gleichen Teilen grünem und blauem Licht ohne Rot gemischt.

### Welche Farbe passt am besten zu Teal?

Orange und Koralle sind seine Komplemente und lassen es glühen. Marine, Salbei, Creme und Gold ergeben ruhigere, elegantere Kombinationen.

### Was symbolisiert dunkles Teal?

Dunkles Teal steht für Tiefe, Selbstvertrauen und leisen Luxus. Viele Marken nutzen es als wärmere, markantere Alternative zu Marine.