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 Simply Purple
P
HEX:
RGB:
CMYK:
#630962
99, 9, 98
0, 35, 0, 61
Background
Heading
Illustration
Photo filter
Logo
CTA
Link
Icon
S2 Simply Pink
P
HEX:
RGB:
CMYK:
#AA2484
170, 36, 132
0, 53, 15, 33
Background
Logo
Illustration

Secondary Colors

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

S3 Simply Yellow
HEX:
RGB:
CMYK:
#F7CA0E
247, 202, 14
0, 18, 91, 3
CTA
Illustration
S4 Simply Green
HEX:
RGB:
CMYK:
#5E8E3E
94, 142, 62
19, 0, 31, 44
Icon
Illustration
Link

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 Simply Purple Gradient
#630962
99, 9, 98
0, 35, 0, 61
#AA2484
170, 36, 132
0, 53, 15, 33
Background
Photo filter
Illustration
S401 Simply Green Gradient
#5E8E3E
94, 142, 62
19, 0, 31, 44
#90B55D
144, 181, 93
15, 0, 35, 29
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.

S5 Simply Black
HEX:
RGB:
CMYK:
#1E0024
30, 0, 36
2, 14, 0, 86
Paragraph
Heading
Background
Photo filter
S6 Simply Grey
HEX:
RGB:
CMYK:
#E3E4E8
227, 228, 232
2, 2, 0, 9
Background
Illustration
S7 Simply Light Grey
HEX:
RGB:
CMYK:
#F5F6FA
245, 246, 250
2, 2, 0, 2
Background
S8 Simply White
HEX:
RGB:
CMYK:
#F9F9F9
249, 249, 249
0, 0, 0, 2
Paragraph
Heading
Background

Brand guidelines

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