05 · Identität
Farbe
Blau trägt, Orange akzentuiert, Neutrale strukturieren. Ein zurückhaltendes System mit einem klaren Energie-Signal — verbindlich definiert und barrierefrei eingesetzt.
01
Kernpalette
ICOS Blau
Primär · Struktur, Text, Vertrauen
HEX 1E4975RGB 30·73·117CMYK 74·38·0·54
ICOS Orange
Akzent · Energie, Handlung, Fokus
HEX FF940ARGB 255·148·10CMYK 0·42·96·0
ICOS Anthrazit
Neutral · Fließtext, Kontrast
HEX 191919RGB 25·25·25CMYK 0·0·0·90
02
Tonwert-Skalen
Jede Markenfarbe besitzt eine Skala: Basis = 100 %, von dort laufen die Tints von 90 → 10 % heller. Nutze sie für Flächen, Hover-States, Diagramme und Hierarchie.
Blau
100 %1E4975
90355B83
804B6D91
7062809E
607892AC
508FA4BA
40A5B6C8
30BCC8D6
20D2DBE3
10E9EDF1
Orange
100 %FF940A
90FF9F23
80FFA93B
70FFB454
60FFBF6C
50FFCA85
40FFD49D
30FFDFB6
20FFEACE
10FFF4E7
Neutral / Grau
100 %191919
90303030
80474747
705E5E5E
60757575
508C8C8C
40A3A3A3
30BABABA
20D1D1D1
10E8E8E8
03
Status-Farben
Für Oberflächen ergänzt um zwei harmonisch abgestimmte Status-Töne. Orange bleibt Akzent — nie „Fehler".
Erfolg
#1E8E57
Soft #E7F4EC
Text #136540
Fehler
#D23B2E
Soft #FBEAE8
Text #A82318
04
Verhältnis & Einsatz
Als Faustregel: viel Weißraum, Blau für Struktur, Orange sparsam für das, was zählt.
05
Barrierefreiheit & Kontrast
Zielstandard ist WCAG 2.1 AA. Die wichtigste Regel: Orange ist Akzent, kein Textton auf Weiß — der Kontrast reicht nicht.
| Kombination | Beispiel | Kontrast | Bewertung |
|---|---|---|---|
| Anthrazit auf Weiß | Text | 16,9 : 1 | AAA |
| Blau auf Weiß | Text | 7,6 : 1 | AAA |
| Weiß auf Blau | Text | 7,6 : 1 | AAA |
| Anthrazit auf Orange | Button | 8,7 : 1 | AAA |
| Weiß auf Orange | Button | 2,1 : 1 | Fail |
| Orange auf Weiß (Text) | Text | 2,0 : 1 | Fail |
Konsequenz für Buttons
Der orange Primär-Button trägt anthrazitfarbene Schrift (#191919), nicht Weiß. Für orange Text auf Weiß stattdessen Blau oder Anthrazit verwenden; Orange übernimmt Flächen, Icons und Marker.