Colors

Last updated: October 4, 2022

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.

S1 Dark Navy
HEX:
RGB:
CMYK:
#0A1D2E
10, 29, 46
99, 74, 31, 84
Background
Heading
Illustration
Photo filter
Logo
CTA
Icon
S2 Pink Purle
HEX:
RGB:
CMYK:
#B522C1
181, 34, 193
49, 87, 0, 0
Logo
Illustration
Link
CTA
Icon
Photo filter
S3 Cloud Blue
HEX:
RGB:
CMYK:
#D4DCF1
212, 220, 241
39, 16, 0, 0
Icon
Background
Illustration
S4 Power Green
HEX:
RGB:
CMYK:
#D6FF7E
214, 255, 126
28, 0, 61, 0
Icon
Illustration
Link
CTA
Photo filter

Secondary Colors

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

S5 Light Navy
HEX:
RGB:
CMYK:
#122B3F
18, 43, 63
73, 45, 24, 66
Icon
Background
Illustration
S6 Light Blue
HEX:
RGB:
CMYK:
#E7EBF6
231, 235, 246
25, 11, 3, 0
Icon
Background
Illustration
S7 Bright Blue
HEX:
RGB:
CMYK:
#EFF2F8
239, 242, 248
6, 8, 6, 0
Icon
Background
Illustration

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.

S301 Simply Blue Gradient
#D4DCF1
212, 220, 241
39, 16, 0, 0
#ffffff
255, 255, 255
0, 0, 0, 0
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.

S8 Tech Grey
HEX:
RGB:
CMYK:
#EBEBEB
235, 235, 235
18, 13, 15, 0
Background
Illustration
S9 Easy White
HEX:
RGB:
CMYK:
#FFFFFF
255, 255, 255
0, 0, 0, 0
Background
Heading
Icon

Brand guidelines

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