Farben

Warm und einladend, klar und präzise: unsere Farben verbinden Mensch und Maschine, sind von der Natur inspiriert und machen Technologie greifbar.

Primärfarben

Salbei
Helle Flächen- und Akzentfarbe

HEX #BCCFD2

Mitternachtsgrün
für Logovarianten und als Hintergrundfarbe

HEX #254950

Sekundärfarben

Naturweiß
Helle Hintergrundfarbe

HEX #FAF9F5

Sand
Gedämpfte Hintergrundfarbe zur subtilen Trennung von Abschnitten, Themen und Funktionen

HEX #F0EEE6

Kohlenstoff
Hintergrundfarbe für Footer und Buttons, Textfarbe auf hellen Flächen

HEX #161513

Koralle
Sparsam eingesetzte Akzent- und Aufmerksamkeitsfarbe

HEX #F07147

Schattierungen

Schattierungen zwischen den beiden Primärfarben können u.a. bei Infografiken eingesetzt werden.

Schattierung 1
HEX #43646a

Schattierung 2
HEX #617f84

Schattierung 3
HEX #7f9a9e

Schattierung 4
HEX #9db5b8

Helle Schattierungen der Sekundärfarbe Kohlenstoff kommen u.a. im Nachtmodus der Website.

Basalt
HEX #262624

Graphit
HEX #4D4C49

Quarz
HEX #A09D92

Barrierefreiheit

Die Kombinationen für Text- und Hintergrundfarben erfüllen die internationalen Richtlinien zur barrierefreien Gestaltung (WCAG).

Farbkontrastprüfer

Dunkler Hintergrund, weiße Textfarbe.

HEX #FFFFFF

Weißer Hintergrund, dunkle Textfarbe.

HEX #181715

Gedämpfter Hintergrund, dunkle Textfarbe.

HEX #181715

Signal-Hintergrund, dunkle Textfarbe.

HEX #181715