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
#2563EB
Teal
#0D9488
#0D9488
Amber
#D97706
#D97706
Indigo
#6366F1
#6366F1
| Name | HEX | Vorschau | Anwendung |
|---|---|---|---|
| Blue | #2563EB | Links, interaktive Elemente, Diagramme | |
| Teal | #0D9488 | Alternative Kategorie, Sekundäre Datenreihen | |
| Amber | #D97706 | Warme Akzente, Hervorhebungen | |
| Indigo | #6366F1 | Highlights, kreative Akzente |
Hinweis
Slate (#475569) wurde aus der Akzentpalette entfernt. Für neutrale Töne die Warm-Gray-Skala verwenden.
Zusammenspiel mit Orange
Warum diese Farben?
| Farbe | Begründung |
|---|---|
| Blue | Komplementär zu Orange — maximaler Kontrast bei harmonischer Wirkung |
| Teal | Kühle Brücke zwischen Blau und Grün — technisch, frisch |
| Amber | Warme Erweiterung der Orange-Familie — natürlicher Farbfluss |
| Indigo | Kräftiger Blauton für kreative Akzente und Highlights |
Diagramm-Reihenfolge
1. Orange
2. Blue
3. Teal
4. Amber
5. Indigo
Anwendungsregeln
- Akzentfarben sind nie die dominante Farbe — sie ergänzen Orange
- Maximal 2 Akzentfarben pro Ansicht verwenden
- Akzentfarben werden primär in Datenvisualisierungen eingesetzt
- Blue ist die bevorzugte Akzentfarbe für interaktive Elemente
- Amber nur einsetzen, wenn genug visueller Abstand zu Orange besteht