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.

S1 Green Speed
P
HEX:
RGB:
CMYK:
#4CD981
76, 217, 129
61, 0, 70, 0
Background
CTA
Icon
Link
Illustration
S2 Electric blue
P
HEX:
RGB:
CMYK:
#4CD9CA
76, 217, 202
49, 0, 26, 0
Illustration

Secondary Colors

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

S3 Neon Lime
HEX:
RGB:
CMYK:
#8ADD83
138, 221, 131
39, 0, 67, 0
Background
Illustration
S4 Power Orange
HEX:
RGB:
CMYK:
#ef6c0f
239, 108, 15
-
CTA
Illustration
S5 Neutral Beige
HEX:
RGB:
CMYK:
#E1DCD1
225, 220, 209
0, 2, 7, 12
Illustration
S6 Dark Blue
HEX:
RGB:
CMYK:
#030C2B
3, 12, 43
-
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.

S101 Neon Speed
#4CD981
76, 217, 129
61, 0, 70, 0
#8ADD83
138, 221, 131
39, 0, 67, 0
Background
Illustration
Icon
CTA
S201 Electric Speed
#4CD981
76, 217, 129
61, 0, 70, 0
#4CD9CA
76, 217, 202
49, 0, 26, 0
Background
Heading
Illustration

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.

S6 Jet Black
HEX:
RGB:
CMYK:
#30302e
48, 48, 46
69, 63, 62, 57
Heading
Background
Text
Logo
S7 Dark Stone
HEX:
RGB:
CMYK:
#484848
72, 72, 72
0, 0, 0, 89
Background
Illustration
S8 Steel Grey
HEX:
RGB:
CMYK:
#868683
134, 134, 131
51, 43, 43, 7
Icon
Text
Illustration
S9 Cloudy Light
HEX:
RGB:
CMYK:
#F2F2F2
242, 242, 242
0, 0, 0, 5
Heading
Background
Text

Brand guidelines

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