Colors

Last updated: April 22, 2020

Color package

The package contains
Adobe Swatch Exchange file (.ase)
Adobe Photoshop Color file (.aco)
Web/Digtal
RGB / HEX
Print
CMYK
RGB vs. CMYK

As you see, colors appear different on screen and print. Make sure to use the right color codes.

Color palette

Primary Colors

Primary colors help consumers to quickly identify a brand. These are the core colors of the brand, and are not to be altered.

To enable versatility and cohesiveness in illustrations we have added tints and shades of the primary colors. These stay true to the brand while providing flexibility for designers and developers.

T1 Dark Blue
HEX:
RGB:
CMYK:
#1c3f6d
28, 63, 109
98, 77, 29, 17
Background
Heading
Illustration
Icon
CTA
Logo
T2 Light Blue
HEX:
RGB:
CMYK:
#17ace3
23, 172, 227
71, 13, 0, 0
Illustration
Link
Logo

Secondary Colors

The secondary color palette is used to support and compliment the primary colors.

T3 Yellow
HEX:
RGB:
CMYK:
#fcba31
252, 186, 49
1, 29, 91, 0
Illustration
T4 Red
HEX:
RGB:
CMYK:
#db4d4c
219, 77, 76
9, 85, 71, 1
Illustration
T5 Green
HEX:
RGB:
CMYK:
#19c486
25, 196, 134
70, 0, 61, 0
Illustration
T6 Light
HEX:
RGB:
CMYK:
#eef5fb
238, 245, 251
5, 2, 0, 2
Illustration
Background

Gradients

Our primary colours can also be brought together in a gradient – please use one of the accepted colour pairings as shown.

Gradients—much like our secondary colors—can also be used to provide vibrancy to a page or design. Use these color combinations to break up white space and add depth to a design, but be careful not to overuse the gradients in design.

T301 Orange-yellow Gradient
#fe954d
254, 149, 7
0, 51, 75, 0
#fcba31
252, 186, 49
1, 29, 91, 0
Illustration
T101 Blue-green Gradient
#1c3f6d
28, 63, 109
98, 77, 29, 17
#19c486
25, 196, 134
70, 0, 61, 0
Illustration
T102 Blue-red Gradient
#1c3f6d
28, 63, 109
98, 77, 29, 17
#db4d4c
219, 77, 76
9, 85, 71, 1
Illustration
T201 Blue-lightblue Gradient
#00BEEA
0, 190, 234
-
#007DC6
0, 125, 198
-
Illustration
Background

Greyscale

For digital use, pure black (#000000) is not recommended for backgrounds or text.

Pure black quickly overpowers surrounding objects and is straining on the eye on digital devices.

As it is not user-friendly it should be avoided. Because of this we have created a version of black and white that should be used instead across all media.

T7 Black
HEX:
RGB:
CMYK:
#2b2b2b
43, 43, 43
0, 0, 0, 100
Paragraph
T6 Almost Black
HEX:
RGB:
CMYK:
#112744
17, 39, 68
-
Background
T7 Light Grey
HEX:
RGB:
CMYK:
#f6f6f6
246, 246, 246
-
Background
Paragraph

Brand guidelines

Sorry, the content on this page is only accessible on desktop - not on mobile devices.