Colors

Last updated: May 26, 2021

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.

C1 CuraGreen
P
HEX:
RGB:
CMYK:
#01969c
1, 150, 156
80, 18, 39, 3
Background
Heading
Illustration
Photo filter
CTA
Link
Icon
C2 NetBlue
P
HEX:
RGB:
CMYK:
#08173f
8, 23, 63
100, 89, 44, 56
Background
Heading
Text
Illustration
Photo filter

Secondary Colors

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

C3 Contrast Purple
HEX:
RGB:
CMYK:
#5d6bbc
93, 107, 188
-
Illustration

Topic Colors

In order to create a cohesive experience throughout our brand, we have created specific topic colors to use in different situations. Please only use the colors in the right situations.

C4 Outsourcing Green
HEX:
RGB:
CMYK:
#8DC63F
141, 198, 63
50, 0, 99, 0
Heading
Icon
Illustration
CTA
C5 Webhosting Blue
HEX:
RGB:
CMYK:
#01A1D7
1, 161, 215
75, 20, 2, 0
Heading
Icon
Illustration
CTA
C6 E-mail Orange
HEX:
RGB:
CMYK:
#CF633E
207, 99, 62
14, 73, 84, 3
Heading
Icon
Illustration
CTA
C7 E-commerce Pink
HEX:
RGB:
CMYK:
#A53275
165, 50, 117
36, 95, 25, 3
Heading
Icon
Illustration
CTA
C8 Finance Yellow
HEX:
RGB:
CMYK:
#DDBD39
221, 189, 57
15, 22, 92, 0
Heading
Icon
Illustration
CTA
C9 Security Green​
HEX:
RGB:
CMYK:
#7BC8A3
123, 200, 163
52, 0, 46, 0
Heading
Icon
Illustration
CTA

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.

C201 NetGradient
#08173F
8, 23, 63
-
#37405f
55, 64, 95
-
Background
Photo filter

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.

C10 Midnight Black
HEX:
RGB:
CMYK:
#1C2536
28, 37, 54
-
Heading
Text
C11 Silver Night
HEX:
RGB:
CMYK:
#787f87
120, 127, 135
-
Text
Icon
C12 Day Light
HEX:
RGB:
CMYK:
#f7f9fa
247, 249, 250
1, 0, 0, 2
Background
Heading
Text

Brand guidelines

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