Skip to content

Akzentfarben

Akzentfarben ergänzen das Orange-Grau-Farbsystem für Visualisierungen, Diagramme, Tags und andere Unterscheidungsmerkmale. Sie wurden bewusst gewählt, um die Primärfarbe Orange zu komplementieren — nicht zu überlagern.

Farbpalette

Blue
#2563EB
Teal
#0D9488
Amber
#D97706
Indigo
#6366F1
NameHEXVorschauAnwendung
Blue#2563EBLinks, interaktive Elemente, Diagramme
Teal#0D9488Alternative Kategorie, Sekundäre Datenreihen
Amber#D97706Warme Akzente, Hervorhebungen
Indigo#6366F1Highlights, kreative Akzente

Hinweis

Slate (#475569) wurde aus der Akzentpalette entfernt. Für neutrale Töne die Warm-Gray-Skala verwenden.

Zusammenspiel mit Orange

Orange (Primär)
Blue
Teal
Amber
Indigo

Warum diese Farben?

FarbeBegründung
BlueKomplementär zu Orange — maximaler Kontrast bei harmonischer Wirkung
TealKühle Brücke zwischen Blau und Grün — technisch, frisch
AmberWarme Erweiterung der Orange-Familie — natürlicher Farbfluss
IndigoKräftiger Blauton für kreative Akzente und Highlights

Diagramm-Reihenfolge

1. Orange
2. Blue
3. Teal
4. Amber
5. Indigo

Anwendungsregeln

  1. Akzentfarben sind nie die dominante Farbe — sie ergänzen Orange
  2. Maximal 2 Akzentfarben pro Ansicht verwenden
  3. Akzentfarben werden primär in Datenvisualisierungen eingesetzt
  4. Blue ist die bevorzugte Akzentfarbe für interaktive Elemente
  5. Amber nur einsetzen, wenn genug visueller Abstand zu Orange besteht

Dokumentation lizenziert unter CC BY-NC 4.0 · Code lizenziert unter MIT