Die Kurzfassung
- Eine funktionierende Markenpalette hat vier oder fünf Farben mit festen Aufgaben: eine Grundfarbe, eine Hauptfarbe, einen unterstützenden Ton, ein Neutral für Text und einen Akzent.
- Der Akzent ist die Farbe, an die sich Menschen erinnern, deshalb sollte er immer nur an einer Sache auftauchen, etwa an einem Button, einem Preis oder einem Logozeichen.
- Paletten, die zu einer Branche passen, helfen Kunden zu verstehen, was du verkaufst, aber erst eine einzige unerwartete Farbe macht eine Marke wiedererkennbar.
- Teste eine Palette an echten Designs in echten Größen, hell und dunkel, bevor du dich festlegst, denn Farbfelder auf einer weißen Seite verbergen die meisten Probleme.
- Prüfe, ob deine Textfarbe auf der Grundfarbe den WCAG-Kontrast erreicht, sonst ist der Fließtext für viele Menschen schwer zu lesen.
Auf dieser Seite
Gute Markenfarben-Ideen beginnen mit Aufgaben, nicht mit Lieblingen. Wähle eine Grundfarbe, auf der die meisten deiner Designs liegen, eine Hauptfarbe, die sagt, was für ein Unternehmen du bist, einen unterstützenden Ton für Tiefe, ein Neutral für Text und einen Akzent, an dem man dich erkennt. Unten findest du 30 Paletten, die so gebaut sind, sechs nach Stimmung mit Farbfeldern und 24 nach Branche mit Codes, dazu eine schnelle Methode, die gewählte Palette zu testen.
So ist eine Markenfarbpalette aufgebaut
Die meisten gescheiterten Paletten bestehen aus fünf gleich gewichteten Farben: Nichts führt, also ist nichts wiedererkennbar. Eine Palette funktioniert, wenn jede Farbe ihren Anteil am Raum hat: Die Grundfarbe deckt das meiste ab, die Hauptfarbe einen guten Teil, der Akzent nur einen Streifen. Die 60-30-10-Regel ist ein nützliches Startverhältnis, auch wenn du es später biegst.
Anteil am Design
Aufgabe
Anteil am Design
Aufgabe
Anteil am Design
Aufgabe
Aufgabe
Aufgabe
Markenfarbpaletten nach Stimmung
Fang hier an, wenn du weißt, was Menschen fühlen sollen. Farbassoziationen sind eher kulturell als universell, wie Farbpsychologie erklärt.
Markenfarben-Ideen nach Branche
Jede Branchenpalette nennt vier Codes, meist vom dunkelsten zum hellsten, und die letzte Spalte benennt die Farbe, die die Aufgabe des Akzents übernimmt. Konventionen gibt es aus gutem Grund: Eine Zahnarztpraxis in Petrol und eine Bäckerei in warmen Brauntönen versteht man auf einen Blick. Erfülle die Konvention mit deiner Hauptfarbe und brich sie sanft mit deinem Akzent.
Palette
Codes
#1d3557 #457b9d #f1faee #e63946Warum es funktioniert
Palette
Codes
#2b2d42 #8d99ae #edf2f4 #9c6644Warum es funktioniert
Palette
Codes
#03363d #17a398 #e6f4f1 #ffb703Warum es funktioniert
Palette
Codes
#264653 #2a9d8f #e9f5f2 #f4a261Warum es funktioniert
Codes
#4a2c2a #c08552 #f3e9dc #5e8b7eWarum es funktioniert
Codes
#7f4f24 #dda15e #fefae0 #bc4749Warum es funktioniert
Palette
Codes
#1b1b1e #7a1e2c #d4a373 #f5ebe0Warum es funktioniert
Palette
Codes
#2d4a3e #e5989b #ffcdb2 #fffaf5Warum es funktioniert
Palette
Codes
#5e548e #9f86c0 #e0b1cb #fbf8f3Warum es funktioniert
Palette
Codes
#111111 #3a3a3a #f2f2f2 #e4ff1aWarum es funktioniert
Palette
Codes
#6b4e3d #e8b4a0 #f6e3d8 #fdf8f4Warum es funktioniert
Palette
Codes
#0f0f0f #c9c1b6 #f4f1ec #8a1c1cWarum es funktioniert
Codes
#14213d #2e1a47 #f5f0e6 #c9a227Warum es funktioniert
Palette
Codes
#22333b #5e503f #eae0d5 #c6ac8fWarum es funktioniert
Palette
Codes
#262626 #7d7d7d #d9d9d9 #ff5a1fWarum es funktioniert
Palette
Codes
#0b1021 #1f6feb #e6edf3 #7ee787Warum es funktioniert
Codes
#0a2e2a #00b37e #d7f9ec #1e1e24Warum es funktioniert
Palette
Codes
#0e0b16 #5b5bd6 #a78bfa #f0abfcWarum es funktioniert
Codes
#1a1423 #ff7b54 #ffb26b #ffd56bWarum es funktioniert
Palette
Codes
#118ab2 #06d6a0 #ffd166 #ef476fWarum es funktioniert
Palette
Codes
#2f3e46 #52796f #cad2c5 #f4a259Warum es funktioniert
Palette
Codes
#283618 #606c38 #fefae0 #dd6b20Warum es funktioniert
Palette
Codes
#6d597a #b56576 #e8c2ca #fbf6f0Warum es funktioniert
Palette
Codes
#090014 #3c096c #ff006e #fb5607Warum es funktioniert
So fühlt sich eine Palette nach deiner Marke an
Was eine aufgelistete Palette zur Identität macht, ist eine Entscheidung, die sonst niemand in deiner Straße getroffen hat, meist der Akzent: eine Kanzlei in Lederbraun, ein Fitnessstudio in Säuregelb. Ändere zuerst den Akzent und behalte Grund- und Textfarbe, so gewinnst du einen Look, ohne Lesbarkeit zu verlieren.
Vermeiden
- Fünf leuchtende Farben, gleich stark genutzt
- Zuerst die Logofarbe wählen und den Rest nach Gefühl
- Ein Akzent auf jedem Element jedes Designs
- Hellgrauer Text auf cremefarbenem Grund
- Auswahl anhand von Farbfeldern auf einer weißen Seite
Besser
- Eine Grundfarbe, die den Großteil der Fläche deckt
- Erst Rollen, dann Farben, die sie füllen
- Eine akzentuierte Sache pro Design
- Ein dunkles Neutral, das den Kontrast besteht
- Test an einem echten Post, einer Story und einem Banner
Eine zu einem weichen Verlauf gemischte Palette gibt dir einen Hintergrund, der unverkennbar deiner ist, solange die Farben verwandt sind.
Teste deine Markenfarben, bevor du dich festlegst
- 1
Drei echte Designs erstellen
Ein quadratischer Post, eine Story in 1080×1920 und ein Header in 1500×500, mit echten Worten und deinem Logo.
- 2
Textkontrast prüfen
Dein Neutral auf deiner Grundfarbe sollte WCAG AA bestehen. Farbkontrast und Barrierefreiheit zeigt, wie du ihn misst.
- 3
Klein ansehen
Verkleinere den Post auf Vorschaubildgröße. Erkennst du ihn trotzdem als deinen, leistet die Palette ihre Arbeit.
- 4
Neben Mitbewerbern ausprobieren
Leg deinen Post neben drei Konkurrenten vor Ort. Wenn deiner untergeht, ändere den Akzent, nicht die ganze Palette.
- 5
Die Codes aufschreiben
Halte jeden Hex-Code und seine Rolle an einem Ort fest.
Eine Palette an einem echten Post testen: Schlagzeile, Detail und Hintergrund müssen in 1080×1350 zusammenspielen.
Wenn du Hilfe bei der Wahl willst, führt So wählst du Markenfarben von Grund auf durch die Entscheidung, und Farbkombinationen für Logos grenzt sie auf die zwei oder drei Farben ein, die dein Zeichen selbst verwenden sollte.
Aus Markenfarben einen Look machen
Fünf Hex-Codes kann jeder kopieren. In Gradiently trägt ein Mark eine Palette als lebendigen Hintergrund mit eigenem Licht, eigener Körnung und eigener Bewegung, und kein Mark gleicht dem anderen. Such im Markt mit Farbwörtern wie „tiefes Petrol“ nach einem, der deiner Palette nahekommt, gestalte kostenlos damit und sichere ihn dir, damit nur du damit exportieren kannst. Dein Markenkit enthält die exakten Codes für Text und Akzente.
Häufige Fragen
Wie viele Farben sollte eine Marke haben?
Vier oder fünf reichen für die meisten Marken: eine Grundfarbe, eine Hauptfarbe, ein unterstützender Ton, ein Neutral für Text und ein Akzent. Mehr lässt sich schwer konsequent einsetzen.
Was ist die beste Farbe für eine neue Marke?
Die eine beste Farbe gibt es nicht. Wähle eine Hauptfarbe, die zu dem passt, was du verkaufst, und dann einen Akzent, den deine Mitbewerber nicht nutzen, damit Kunden dich erkennen.
Sollten meine Markenfarben zu meiner Branche passen?
Mit deiner Hauptfarbe zur Branche zu passen hilft, dich schnell zu verstehen. Sie mit deinem Akzent zu brechen macht dich einprägsam.
Wie prüfe ich, ob meine Markenfarben barrierefrei sind?
Miss den Kontrast deiner Textfarbe auf deiner Grundfarbe mit einem WCAG-Kontrastprüfer. Fließtext sollte mindestens 4,5:1 erreichen.
Kann ich einen Verlauf als Markenfarbe nutzen?
Ja, solange er aus verwandten Farben deiner Palette gebaut ist und du für kleine Einsätze wie Favicons und Text eine flache Version behältst.
Geschrieben von Gradiently
Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.
Unser Profil ansehen