Warme und kalte Farben: Farbtemperatur bewusst einsetzen

Warme und kalte Farben sind die zwei Hälften des Farbkreises. Rot, Orange und Gelb wirken warm, wie Feuer und Sonnenlicht; Grün, Blau und Violett wirken kalt, wie Wasser, Schatten und Abend. Temperatur verändert, wie ein Design wirkt, bevor irgendjemand etwas liest: Warme Farben treten hervor und geben Energie, kalte Farben treten zurück und beruhigen. Sie bewusst einzusetzen, ist einer der schnellsten Wege, eine Palette gewollt wirken zu lassen.

Temperatur ist relativ

Die Grenze zwischen warm und kalt ist nicht fest. Gelbgrün und Rotviolett sitzen genau darauf, und jede Farbe wirkt neben einer kälteren wärmer. Ein Magenta neben Himmelblau wirkt warm; dasselbe Magenta neben Orange wirkt kalt. Deshalb solltest du Temperatur in der Palette beurteilen, nicht Farbfeld für Farbfeld.

Farben haben auch innerhalb eines Farbtons eine Temperatur. Ein Rot, das zu Orange neigt, ist wärmer als ein Rot, das zu Blau neigt, und ein Blau mit einem Hauch Grün ist wärmer als eines, das zu Violett neigt. Designer nennen diese Neigung den Unterton, und er ist der Grund, warum sich zwei „Rottöne“ beißen.

Wie warme und kalte Farben Tiefe erzeugen

Warme Farben scheinen eher hervorzutreten, kalte eher zurückzuweichen. Landschaftsmaler nutzen das seit Jahrhunderten: Luft streut Licht, also sehen ferne Hügel wirklich blauer und blasser aus, und unsere Augen lesen kalt und blass als weit weg. Denselben Effekt kannst du im flachen Design nutzen.

Die praktische Regel: Setz kalte Farben in große Hintergrundflächen und spar warme Farben für das, was den Betrachter zuerst erreichen soll. Ein warmer Call to Action auf einer kalten Seite fällt auf, ohne groß sein zu müssen, und passt damit gut zur 60-30-10-Regel.

Warme und kalte Neutraltöne

Grau, Weiß und Schwarz tragen ebenfalls eine Temperatur, und sie zählt mehr, als man erwartet. Ein warmes Gebrochenweiß wirkt wie Papier; ein kaltes Weiß wie ein Bildschirm oder eine Klinik. Ein Design, das einen warmgrauen Hintergrund mit kaltgrauem Text mischt, wirkt oft leicht falsch, ohne dass jemand sagen könnte, warum.

:root {
  /* Warm neutrals: pair with reds, oranges, golds */
  --paper: #f5efe6;
  --stone: #b8ada0;
  --charcoal-warm: #3d3530;

  /* Cool neutrals: pair with blues, greens, violets */
  --mist: #eef2f6;
  --slate: #a3adb8;
  --charcoal-cool: #2b3240;
}

Warm und kalt in einem Farbverlauf mischen

Verläufe von warm nach kalt gehören zu den eindrucksvollsten überhaupt, Sonnenuntergänge beweisen es. Sie gehen aber auch am ehesten schief, weil warme und kalte Farben oft gegenüber auf dem Farbkreis liegen und eine direkte Mischung zwischen ihnen durch Grau läuft. Die Lösung: Führ die Mischung durch eine Farbe, die zu beiden Seiten gehört, meist Pink, Magenta oder Violett.

Auch hier zählen die Anteile. Lass eine Temperatur führen und die andere als Kontrast erscheinen. Ein überwiegend kalter Verlauf mit warmem Leuchten an einem Rand wirkt wie Abendlicht; eine gleichmäßige Teilung zwischen warm und kalt wirkt unentschieden. Sonnenuntergang-Farbverläufe zeigt viele weitere Beispiele, in denen sich warm und kalt eine Fläche teilen.

Warme und kalte Farben im Design-Alltag

• Eine Menütafel im Café: warmer Cremegrund, Schrift in Espressobraun und ein Terrakotta-Akzent, damit sie sich anfühlt wie der Raum, in dem sie hängt
• Eine Banking-App: kalte Flächen in Schiefer und Blau, mit einem warmen Bernstein für Hinweise, die Aufmerksamkeit brauchen
• Ein Poster für ein Nachtevent: tiefe, kalte violette Fläche mit einer warmen orangefarbenen Überschrift, die nach vorn springt
• Ein Hautpflege-Launch: kalter Nebel und Salbei, angehoben durch ein einziges warmes Pfirsich für den Produktnamen
• Eine Sport-Promo: warmes Rot und Orange führen, ein kaltes Marineblau nur fürs Kleingedruckte

In jedem Fall bestimmt eine Temperatur das Klima, und die andere lenkt die Aufmerksamkeit. Diese Paarung ist auch eine sanfte Form des Kontrasts von Komplementärfarben, ohne den vollen Zusammenprall echter Gegensätze.

Eine Temperatur für deine Marke wählen

1. 1

   Vom Gefühl ausgehen

   Einladende, lebhafte und zupackende Marken neigen meist zu warm. Präzise, ruhige und vertrauenswürdige Marken neigen meist zu kalt. Keins ist besser; wähl das, was zu deiner Arbeit passt.

2. 2

   Eine führende Temperatur wählen

   Bau den Großteil deiner Palette, auch die Neutraltöne, auf einer Seite auf. Das gibt der Marke ein einheitliches Klima.

3. 3

   Einen Akzent von der anderen Seite hinzufügen

   Ein einziger warmer Akzent bei einer kalten Marke oder ein kalter bei einer warmen gibt Kontrast und einen klaren Landeplatz für das Auge.

4. 4

   Im Kontext testen

   Prüf die Palette auf den echten Bildschirmen und Materialien, auf denen sie leben wird. Farben verschieben sich zwischen Bildschirmen und noch einmal im Druck; siehe Markenfarben wählen.