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.

D1 Garfield Orange
P
HEX:
RGB:
CMYK:
#FF8431
255, 132, 49
0, 70, 100, 0
Icon
Illustration
Heading
Background
CTA
D2 Forrest Green
P
HEX:
RGB:
CMYK:
#4B9287
75, 146, 135
72, 26, 50, 4
Illustration
Background

Secondary Colors

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

D3 Pink Panther
HEX:
RGB:
CMYK:
#E71F67
231, 31, 103
0, 99, 30, 0
CTA
Illustration
D4 Avatar Blue
HEX:
RGB:
CMYK:
#1B98BA
27, 152, 186
80, 16, 5, 4
Link
D5 Buzz Lightgreen
HEX:
RGB:
CMYK:
#BACBA7
186, 203, 167
29, 10, 39, 0
Background
Illustration
D6 James Blonde
HEX:
RGB:
CMYK:
#F5F0EB
245, 240, 235
0, 2, 4, 4
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.

D101 Sommer in Orange
#F17B5D
241, 123, 93
-
#FF8431
255, 132, 49
0, 70, 100, 0
Background
Illustration
D102 Tiger Orange
#FF9B2E
255, 155, 46
-
#DB5E00
219, 94, 0
-
Background
Illustration
D103 Oranges and Sunshine
#FF4632
255, 70, 50
-
#FFC764
255, 199, 100
-
Background
D201 Green Rush
#4B9287
75, 146, 135
72, 26, 50, 4
#6DB4A9
109, 180, 169
56, 0, 34, 0
Background
Illustration
D202 Green Fairy
#4B9287
75, 146, 135
72, 26, 50, 4
#C4D7CE
196, 215, 206
9, 0, 4, 16
Background
Illustration
D203 Greenlight
#BACBA7
186, 203, 167
29, 10, 39, 0
#C4D7CE
196, 215, 206
9, 0, 4, 16
Background
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.

D7 Men in Black
HEX:
RGB:
CMYK:
#0E1522
14, 21, 34
88, 63, 40, 85
Background
Photo filter
Heading
Text
D8 Dark Vader
HEX:
RGB:
CMYK:
#4C4B4B
76, 75, 75
65, 58, 58, 38
Text
D9 Dumbo Grey
HEX:
RGB:
CMYK:
#D7D7D7
215, 215, 215
14, 11, 11, 0
Illustration
D10 Frozen White
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.