04 Colour

Colour adds impact, excitement, and delight to any identity system. We leverage color to set ourselves apart in the market, enhance our content, and guide our users effectively through our communications.

The Basics

Our colour palette features vibrant, digitally-native hues complemented by a refined selection of greys and neutrals.

Colour values

HEX

A hexadecimal way of representing the red, green and blue of screen colours.

RGB

Red, green and blue, the component colours which create all screen colours.

CMYK

Cyan, magenta, yellow and black. The four colours used in offset and digital printing.

PMS

Pantone Matching System: Global colour numbering for precise colour selection and matching.

Please note:

Various factors can affect colour reproduction. Prior to large-scale print runs, it's advisable to conduct testing.

Cognism Colours

Primary Colours

Name:

C-Plum-500

HEX:

#6A67FF

RGB:

106 103 255

CMYK:

C 70 M 65

Pms:

2725 C

Name:

C-White

HEX:

#FAFAFA

RGB:

250 250 250

Name:

C-Plum-900

HEX:

#16162E

RGB:

22 22 46

CMYK:

C 100 M 100 Y 40 K 56

Pms:

669 C

Accents:

Name:

C-Lime-600

HEX:

#415D04

RGB:

65 93 4

Name:

C-Lime-500

HEX:

#B8EB4B

RGB:

184 235 75

CMYK:

C 25 Y 90

Pms:

2297 C

Name:

C-Lime-400

HEX:

#BEE075

RGB:

190 224 117

Name:

C-Lime-300

HEX:

#E0F9AC

RGB:

224 249 172

Name:

C-Lime-100

HEX:

#EDFCCF

RGB:

237 252 207

Name:

C-Scarlet-600

HEX:

#A71E0C

RGB:

167 30 12

Name:

C-Scarlet-500

HEX:

#FF6249

RGB:

255 98 73

CMYK:

M 80 Y 85

Pms:

2297 C

Name:

C-Scarlet-400

HEX:

#FF8471

RGB:

255 132 113

Name:

C-Scarlet-300

HEX:

#FFA294

RGB:

255 162 148

Name:

C-Scarlet-100

HEX:

#FFCEC6

RGB:

255 206 198

Name:

C-Mineral-600

HEX:

#025A8B

RGB:

2 90 139

Name:

C-Mineral-500

HEX:

#01D4FE

RGB:

1 212 254

CMYK:

C 75 Y 15

Pms:

2199 C

Name:

C-Mineral-400

HEX:

#97E1F0

RGB:

151 255 240

Name:

C-Mineral-300

HEX:

#C4E7EE

RGB:

196 231 238

Name:

C-Mineral-100

HEX:

#E0F7FC

RGB:

224 247 252

Name:

C-Plum-700

HEX:

#282850

RGB:

40 40 80

CMYK:

C 85 M 85

Pms:

7670 C

Name:

C-Plum-500

HEX:

#6A67FF

RGB:

106 103 255

CMYK:

C 70 M 65

Pms:

2725 C

Name:

C-Plum-400

HEX:

#8886FF

RGB:

136 134 255

CMYK:

C 60 M 55

Pms:

2715 C

Name:

C-Plum-300

HEX:

#B2B0FF

RGB:

178 176 255

Name:

C-Plum-100

HEX:

#D9D8FF

RGB:

217 216 255

Name:

C-Graphite-900

HEX:

#292929

RGB:

41 41 41

Name:

C-Graphite-500

HEX:

#6C6C6C

RGB:

108 108 108

Name:

C-Graphite-300

HEX:

#E5E5E5

RGB:

229 229 229

Name:

C-Graphite-100

HEX:

#E5E5E5

RGB:

229 229 229

Gradients:

Name:

Dark Gradient

C-Plum-900 / C-Plum-700 / C-Plum-600

Name:

Light Gradient

C-Plum-400 / C-Plum-300 / C-Plum-100

Colour Pairings

Pairings to use
‍
Text should always be easy to read. These pairings strike the right balance between clarity and contrast, while letting our vibrant shapes do the talking. Stick to primary colours for text and use accent colours subtly, so the overall design remains clean and accessible.

Pairings to avoid
‍
Some colour combos just don’t work—especially when text sits on top. These pairings lack contrast and make content harder to read, distracting from our bold brand visuals.Avoid using these in layouts to keep designs accessible and impactful.