Warum Farben wichtig sind

Wofür werden Farben eingesetzt? Farben sind überall—in Ihren Designs, auf der Website, in Marketingmaterialien, in sozialen Medien und auf Produkten. Sie erzeugen Stimmung, lenken die Aufmerksamkeit und heben wichtige Informationen hervor. Die Regenfass-Markenfarben Dark Blue für Vertrauen und Seriosität, Green für Energie und Handlungsimpulse sowie Turquoise für Klarheit und Innovation wirken gezielt und können strategisch genutzt werden.

Warum sind sie so wichtig? Farben kommunizieren auf einer tiefen, emotionalen Ebene—oft schneller als Worte. Sie beeinflussen, wie Menschen Ihre Marke wahrnehmen. Eine konsistente Farbpalette macht die Marke wiedererkennbar und schafft eine visuelle Identität, die im Gedächtnis bleibt. Ohne eine durchdachte Farbstrategie wirkt der Auftritt uneinheitlich und unprofessionell.

Was lässt sich damit erreichen? Mit der richtigen Farbpalette entsteht eine emotionale Verbindung zur Zielgruppe und die Markenwahrnehmung wird gestärkt. Farben können Vertrauen aufbauen, Aufmerksamkeit binden und Handlungen auslösen. Eine professionelle Palette sorgt für konsistente, ansprechende und unverwechselbare Gestaltung über alle Kanäle hinweg.

Primärfarben

Die Hauptfarben der Regenfass-Marke für ein einheitliches Erscheinungsbild.

Dark Blue

Dark Blue

HEX: #0B2649
RGB: 11 38 73
Pantone: 533 C

Dunkelblau für Vertrauen und Seriosität

Green

Green

HEX: #22C55E
RGB: 34 197 94
Pantone: 354 C

Grün für Energie und Akzente

Turquoise

Turquoise

HEX: #00BCD4
RGB: 0 188 212
Pantone: 319 C

Türkis für Klarheit und Innovation

Complement

Complement

HEX: #E11D48
RGB: 225 29 72
Pantone: 1925 C

Komplementärfarbe für Kontrast und sekundäre CTAs

Farbpalette nach Harmonieregeln

Sie können die Harmonieregeln selbst auf Adobe Color Wheel ausprobieren—setzen Sie eine Grundfarbe im HEX-Format (Cyan/Turquoise, Green oder Dark Blue).

Analogous Harmony für Cyan #00BCD4

Shading Turquoise #00BCD4

#00C6E0
#00BCD4
#00B6CF
#00A4BA
#004A54

Shading Green #22C55E

#22C55E
#1DAA4F
#17883F
#0F5A2A
#082D15

Shading Dark Blue #0B2649

#0B2649
#206FD6
#174E96
#0D2D57
#081A33

Siebdruck mit Pantone-Farben

Für konsistente Farbverwendung wird das Pantone Color System in industriellen Anwendungen verwendet. Geeignete Farben nahe den HEX-Werten: alle CMYK Pantone + solid coated, in Illustrator auffindbar.

  • Dark Blue: Pantone 533 C
  • Green: Pantone 354 C
  • Turquoise: Pantone 319 C
  • Complement: Pantone 1925 C

Textfarben

Farben für gute Lesbarkeit von Text auf hellen und dunklen Hintergründen.

Dark Gray

Dark Gray

Hex: #333333
RGB: rgb(51, 51, 51)
CMYK: C:0 M:0 Y:0 K:80

Fließtext auf weißen Hintergründen

White

White

Hex: #FFFFFF
RGB: rgb(255, 255, 255)
CMYK: C:0 M:0 Y:0 K:0

Textfarbe auf dunklen Hintergründen

Neutralfarben

Unterstützende Farben für UI-Elemente, Hintergründe und Sekundärtext.

Medium Gray

Hex: #666666
RGB: rgb(102, 102, 102)
CMYK: C:0 M:0 Y:0 K:60

Secondary text, borders

Light Gray

Hex: #CCCCCC
RGB: rgb(204, 204, 204)
CMYK: C:0 M:0 Y:0 K:20

Backgrounds, dividers, subtle elements

Verwendungsbeispiele

CSS-Variablen

@import './colors.css';

/* Primary brand colors */
.button {
  background-color: var(--color-primary);
  color: var(--color-secondary);
}

.text-body {
  color: var(--color-gray-dark);
}

JavaScript/TypeScript

import colors from './colors.json';

// primary brand colors: selection.darkBlue | .orange | .turquoise
const primaryColor = colors.selection.turquoise.hex;
const rgbValues = colors.selection.darkBlue.rgb;

Farb-Assets herunterladen

Laden Sie die vollständige Farbpalette inkl. CSS-Variablen, JSON-Definitionen und Swatches herunter.