Colors
Colors
Use mostly primary colors. Additional secondary palette is only used when is
necessary for legibility & accessibility issues.
necessary for legibility & accessibility issues.
Primary colors
C: 5.0
Accessible
Green
Green
Used in digital for all
Functional Elements such as
buttons, toggles.
Use in Large or Small text.
Functional Elements such as
buttons, toggles.
Use in Large or Small text.
#0E8103
C: 3.27
Alt Bright
Blue
Blue
Use only in Large text, bigger than 18px or Bold 16px.
Cannot be used for links or small text
Cannot be used for links or small text
#0099CC
C: 16.1
Black
For titles & texts
on white backgrounds
on white backgrounds
#212121
C: 4.68
Magenta
Basic brand color
#E20074
C: 8.91
Dark Blue
If needed can be used for small text or links
#004B87
C: 6.52
Dark Green
#006D29
C: 21.0
Black
#000000
Greys & Text color
C: 5.02
Grey
#6F6F6F
BG Grey
For backgrounds
#F2F2F3
Secondary colors
C: 15.42
Green
For backgrounds
Matches only with
“Dark green”
Matches only with
“Dark green”
#bde8bb
C: 14.95
Blue
For backgrounds
Matches only with
“Dark blue”
Matches only with
“Dark blue”
#b8e0ef
Notification colors
C: 15.42
Green
For warnings
#DC612D
C: 3.6
Yellow
For attention
#D6981A
C: 4.5
Red
For error
#F22525