Markt
Preise
AnmeldenLoslegen
LeitfadenIdeen und Trends
Ideen und Trends

Logo-Farbkombinationen, die funktionieren, mit Hex-Codes

Ein Logo muss ein Favicon, eine graue Kopie und einen Header im Dunkelmodus überstehen. Diese Paare und Dreiergruppen sind dafür gewählt, mit Codes und Kontrast, die du selbst prüfen kannst.

GradientlyVerifiziertes Gradiently-Konto·1. Oktober 2026·5 Min. Lesezeit
Cover: Meridian of Velvet · GR·979F·H4

Die Kurzfassung

  • Die meisten starken Logos nutzen eine oder zwei Farben, denn jede weitere Farbe macht das Zeichen schwerer klein, im Druck und auf wechselnden Hintergründen zu reproduzieren.
  • Ein gutes zweifarbiges Logo kombiniert eine dunkle Farbe mit einer hellen oder leuchtenden, damit die Formen auch dann klar bleiben, wenn man die Farben kaum unterscheiden kann.
  • Zwei Farben ähnlicher Helligkeit, etwa ein mittleres Rot und ein mittleres Blau, scheinen dort zu flimmern, wo sie sich berühren, und verlieren im Graudruck ihre Kante.
  • Jedes Logo sollte außerdem in einer einzigen Farbe funktionieren, in Schwarz und in Weiß, bevor irgendeine Farbe hinzukommt.
  • Die Farben eines Logos müssen nicht die ganze Markenpalette sein: Das Zeichen kann schlicht bleiben, während die Hintergründe darum die reichere Farbe tragen.
Auf dieser Seite
Warum Logos so wenige Farben nutzenZehn zweifarbige Logo-KombinationenDreifarbige Logo-KombinationenLogo-Farbkombinationen, die du vermeiden solltestSo testest du eine Logo-FarbkombinationDas Logo schlicht halten und die Marke reich sein lassen

Die Logo-Farbkombinationen, die am besten funktionieren, verbinden eine dunkle Farbe mit einer hellen oder leuchtenden, etwa Marineblau und Gold, Waldgrün und Creme oder Anthrazit und Limette. Der Helligkeitsunterschied hält die Formen in Favicon-Größe und in Graustufen lesbar, der Farbtonunterschied gibt dem Zeichen seine Persönlichkeit. Unten findest du zehn getestete Paare und drei Dreiergruppen mit Hex-Codes und Kontrastwerten, dann eine schnelle Methode, jede Kombination selbst zu prüfen.

Warum Logos so wenige Farben nutzen

Ein Logo ist das am häufigsten vervielfältigte, was ein Unternehmen besitzt. Es erscheint als 16-Pixel-Browsersymbol, aufgestickt auf einem Hemd, aufgestempelt auf einem Kaffeebecher und einfarbig gedruckt auf einem Kassenbon. Jede Farbe, die du hinzufügst, ist eine weitere Sache, die an einem dieser Orte schiefgehen kann. Deshalb sind so viele bekannte Zeichen einfarbig und die meisten übrigen zweifarbig.

Beginne in Schwarz. Funktioniert die Form in Schwarz auf Weiß und Weiß auf Schwarz, kann Farbe nur helfen. Wenn nicht, rettet keine Kombination sie. Grundlagen des Logodesigns behandelt die Formseite; dieser Artikel setzt voraus, dass die Form feststeht.

Zehn zweifarbige Logo-Kombinationen

Zehn Paare als harte Teilung gezeigt, so wie sie sich im Zeichen treffen. Klicke auf ein Farbfeld, um seinen Code zu kopieren.
Marineblau und Gold

Codes

#14213d #fca311

Kontrast

7,9:1

Wirkt wie

Etabliert, selbstsicher, ein wenig klassisch
Wald und Creme

Codes

#1b4332 #f1e9da

Kontrast

9,2:1

Wirkt wie

Natürlich, handwerklich, ruhig
Anthrazit und Limette

Codes

#2d2d2d #c6f432

Kontrast

10,7:1

Wirkt wie

Energisch, sportlich, technisch
Pflaume und Blush

Codes

#4a1942 #f7c8d0

Kontrast

9,4:1

Wirkt wie

Warm, Beauty, Boutique
Burgunder und Sand

Codes

#6b0f1a #e9d8a6

Kontrast

8,7:1

Wirkt wie

Tradition, Wein, Gastgewerbe
Tinte und Orange

Codes

#1c1917 #f97316

Kontrast

6,2:1

Wirkt wie

Praktisch, freundlich, Handwerk und Werkzeug
Lila und Minze

Codes

#5b21b6 #a7f3d0

Kontrast

7,0:1

Wirkt wie

Modern, verspielt, Software
Kobalt und Weiß

Codes

#1d4ed8 #ffffff

Kontrast

6,7:1

Wirkt wie

Klar, verlässlich, digital
Schwarz und Signalrot

Codes

#111111 #e63946

Kontrast

4,5:1

Wirkt wie

Kühn, dringlich, redaktionell
Petrol und Koralle

Codes

#0f766e #ff7f6e

Kontrast

2,2:1

Wirkt wie

Lebendig, aber nur als aneinandergrenzende Formen, nie Text auf Text
PaarCodesKontrastWirkt wie
Marineblau und Gold#14213d #fca3117,9:1Etabliert, selbstsicher, ein wenig klassisch
Wald und Creme#1b4332 #f1e9da9,2:1Natürlich, handwerklich, ruhig
Anthrazit und Limette#2d2d2d #c6f43210,7:1Energisch, sportlich, technisch
Pflaume und Blush#4a1942 #f7c8d09,4:1Warm, Beauty, Boutique
Burgunder und Sand#6b0f1a #e9d8a68,7:1Tradition, Wein, Gastgewerbe
Tinte und Orange#1c1917 #f973166,2:1Praktisch, freundlich, Handwerk und Werkzeug
Lila und Minze#5b21b6 #a7f3d07,0:1Modern, verspielt, Software
Kobalt und Weiß#1d4ed8 #ffffff6,7:1Klar, verlässlich, digital
Schwarz und Signalrot#111111 #e639464,5:1Kühn, dringlich, redaktionell
Petrol und Koralle#0f766e #ff7f6e2,2:1Lebendig, aber nur als aneinandergrenzende Formen, nie Text auf Text
WCAG-Kontrastverhältnisse zwischen den Paaren. Über 4,5:1 kann eine Farbe als Schrift auf der anderen stehen; niedrigere Paare sollten als Formen nebeneinander stehen.

Beachte, dass Petrol und Koralle der Ausreißer ist. Beide Farben liegen in ähnlicher Helligkeit, korallenfarbene Buchstaben auf einem petrolfarbenen Abzeichen wären also schwer lesbar und würden im Schwarzweißdruck zu einem grauen Klecks. Das Paar funktioniert trotzdem, wenn die Farben getrennte Formen sind, etwa ein petrolfarbenes Symbol neben einer korallenfarbenen Wortmarke, jeweils auf Weiß oder dunklem Grund. Die Zahlen stammen aus der WCAG-Formel, die in Farbkontrast und Barrierefreiheit erklärt wird.

Dreifarbige Logo-Kombinationen

Drei Farben passen zu Zeichen aus getrennten Teilen: ein Symbol aus Kacheln, eine Wortmarke mit farbigem Punkt, ein Set aus Formen für eine Kindermarke. Verankere das Trio mit einer dunklen Farbe und wähle dann zwei, die sich im Farbton klar unterscheiden. Verteilst du sie um den Farbkreis, wie bei Triadischen Farben, konkurrieren sie nicht miteinander.

Primär, erwachsen. Ein dunkles Blau verankert ein Rot und ein Gelb, die sonst schreien würden. Gut für Schulen, Sport und Spielzeug, das sich an Eltern richtet.
Küstenwärme. Schieferpetrol trägt die Wortmarke; Safran und gebranntes Koralle füllen die Formen des Symbols.
Digital und laut. Magenta und Cyan leuchten vor einem fast schwarzen Anker, für Musik-, Gaming- und Nachtlebenzeichen.

Logo-Farbkombinationen, die du vermeiden solltest

Vermeiden

  • Mittleres Rot und mittleres Blau, die sich berühren: Sie scheinen zu flimmern
  • Reines Rot und reines Grün zusammen: für viele Farbenblinde schwer zu unterscheiden
  • Gelb oder blasse Pastelltöne auf Weiß: Das Zeichen verschwindet
  • Vier oder mehr gleich gewichtete Farben
  • Ein Verlauf als einzige Version des Logos

Stattdessen

  • Eine der beiden Farben deutlich dunkler machen
  • Sie nach Helligkeit trennen, nicht nur nach Farbton
  • Blasse Farben auf dunklen Grund setzen oder umranden
  • Eine führende Farbe, ein oder zwei unterstützende
  • Zuerst eine flache Version, der Verlauf als Variante

Verlaufslogos sind ein Sonderfall. Groß können sie hervorragend aussehen, aber im Druck zeigen sie Banding und in kleinen Größen verschwimmen sie. Behalte eine flache ein- oder zweifarbige Version und behandle den Verlauf als Variante; Verlaufslogos erklärt, wie du beide baust.

So testest du eine Logo-Farbkombination

  1. 1

    In Graustufen drucken

    Wandle das Logo in Grau um. Werden beide Farben zum selben Grau, ist der Helligkeitsunterschied des Paars zu gering.

  2. 2

    Auf 16 Pixel verkleinern

    Sieh es dir als Browser-Tab-Symbol an. Dünne Teile in einer blassen Farbe verschwinden zuerst.

  3. 3

    Umkehren

    Setze das Logo auf deine dunkelste Markenfarbe und auf Weiß. Notiere, welche Farbe in jedem Fall getauscht werden muss.

  4. 4

    Farbenblindheit prüfen

    Schick es durch einen Simulator für Farbenblindheit. Rot-Grün-Paare verschmelzen bei den häufigsten Formen der Farbenblindheit oft.

  5. 5

    Auf einen echten Hintergrund setzen

    Ein Logo liegt in der Praxis selten auf reinem Weiß. Teste es auf einem Foto, einem Verlauf und in einem vollen Feed.

Hafen

Eine Wortmarke, die direkt über einen lebhaften Hintergrund läuft, kann Teile ihrer Buchstaben verlieren.

Hafen

Dieselbe Wortmarke mit einem Hintergrund, der dahinter ruhiger und tiefer wird.

Dieser letzte Test ist der, an dem viele Logos scheitern. Ein Logo auf einen Verlaufshintergrund setzen behandelt die Techniken. In Gradiently weiß ein Mark, wo Worte und Logo sitzen: Seine ruhigste Region wandert hinter sie, und Automatische Farbe wählt pro Zeile hell oder dunkel aus der eigenen Palette des Marks, sodass ein schlichtes zweifarbiges Logo ohne Kasten dahinter auf einem reichen Hintergrund sitzen kann.

Das Logo schlicht halten und die Marke reich sein lassen

Das Logo muss nicht jede Farbe tragen, die deine Marke nutzt. Viele Marken halten das Zeichen in einer oder zwei Farben und legen die Tiefe in Hintergründe, Fotografie und Schrift. Wenn du als Nächstes die größere Palette wählst, bietet Markenfarben-Ideen 30 zum Start, und Berühmte Verlaufslogos zeigt, wie etablierte Marken ein schlichtes Zeichen mit ausdrucksstarker Farbe ausbalancieren.

Gestalte mit einem lebendigen Farbverlauf

Posts, Stories, Folien und Banner in jedem Format, mit Text, der immer lesbar bleibt.

Kostenlos loslegen

Häufige Fragen

Welche Farbkombination ist die beste für ein Logo?

Das eine beste Paar gibt es nicht, aber eine dunkle Farbe mit einer hellen oder leuchtenden, etwa Marineblau und Gold oder Wald und Creme, funktioniert fast überall, weil die Formen klar bleiben.

Wie viele Farben sollte ein Logo haben?

Bei den meisten Logos eine oder zwei. Drei können bei Zeichen aus getrennten Teilen funktionieren, aber jede weitere Farbe erschwert Druck und kleine Größen.

Welche Farben sollte man in einem Logo nicht zusammen verwenden?

Vermeide gleich helle Farben, die sich berühren, etwa mittleres Rot und mittleres Blau, und verlass dich nicht auf Rot neben Grün, das viele Farbenblinde nicht trennen können.

Sollte ein Logo in Schwarzweiß funktionieren?

Ja. Ein Logo sollte in einer Farbe, in Schwarz und in Weiß funktionieren, bevor Farbe hinzukommt, denn es wird einfarbig gedruckt und gestempelt.

Kann ein Logo ein Verlauf sein?

Kann es, aber behalte für kleine Größen, Stickerei und Einfarbdruck eine flache Version und nutze den Verlauf dort, wo er Platz hat.

Diesen Artikel teilen

Geschrieben von GradientlyVerifiziertes Gradiently-Konto

Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.

Unser Profil ansehen

Auf dieser Seite

Warum Logos so wenige Farben nutzenZehn zweifarbige Logo-KombinationenDreifarbige Logo-KombinationenLogo-Farbkombinationen, die du vermeiden solltestSo testest du eine Logo-FarbkombinationDas Logo schlicht halten und die Marke reich sein lassen

Diesen Artikel teilen

Als Nächstes in Ideen und Trends

Zweifarbiges Design: kühne Looks mit nur zwei Farben

Weiterlesen

Alle Artikel zu Ideen und Trends
Ideen und Trends

Markenfarben-Ideen: 30 Paletten für neue Marken, mit Codes

6 Min. Lesezeit

Eine Markenpalette besteht aus vier oder fünf Farben mit Aufgaben, nicht aus einer Lieblingsfarbe und ein paar Begleitern. Hier sind 30 Startpunkte nach Stimmung und Branche, mit Codes zum Kopieren und einer Methode zum Testen.

Branding

Farbverlauf-Logo: wann es funktioniert und wann flach besser ist

5 Min. Lesezeit

Ein Verlauf kann ein Logo auf dem Bildschirm lebendig machen und auf einer Visitenkarte auseinanderfallen lassen. So entscheidest du, wie du eines baust, das besteht, und welche flache Version du immer brauchst.

Branding

Logo auf Farbverlauf-Hintergrund: so bleibt es klar

5 Min. Lesezeit

Farbverläufe ändern ihre Farbe über die Breite, ein Logo, das an einem Ende lesbar ist, kann also am anderen verschwinden. So wählst du Version, Stelle und Farbe, damit das nie passiert.

Finde den Look, der nur dir gehört.

Jeder Mark ist ein lebendiger Hintergrund mit einem Besitzer. Probiere einen noch freien Mark und sichere dir deinen, wenn es sich richtig anfühlt.

Jetzt gestalten

Zertifikat prüfen

Gib eine Zertifikatsnummer oder den Code eines Marks ein, um zu sehen, wem er gehört.

Funktioniert mit ChatGPT und Claude

Bitte deine KI um ein Design. Sie macht es in deinem Mark, bereit zum Bearbeiten.

ChatGPTClaude
So verbindest du sie

Produkt

  • Markt
  • Erkunden
  • Preise
  • Zertifikate

Lernen

  • Leitfaden
  • Hilfe-Center
  • Neuigkeiten

Entwickler

  • Überblick
  • ChatGPT und Claude
  • API-Referenz
  • API-Schlüssel

Unternehmen

  • Über uns
  • Kontakt
  • Anmelden

Rechtliches

  • Nutzungsbedingungen
  • Datenschutz
  • Erstattungen
  • Mark-Schutz
  • Cookies
  • Alle Richtlinien
Fahr über die Buchstaben. Jeder trägt einen echten Mark.Tippe auf einen Buchstaben, um seinen Mark zu sehen.Ein Name. Zehn Marks darin.
© 2026 Gradiently