Skip to content

Brand Identity Guidelines

 

Colour Palette

 

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

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

Accent colours

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-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-Lime-600
HEX: #415D04
RGB: 65 93 4




Name: C-Lime-400
HEX: #BEE075
RGB: 190 224 117




Name: C-Lime-500
HEX: #B8EB4B
RGB: 184 235 75
CMYK: C 25 Y 90
PMS: 2297 C
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-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 use-p-800

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.

Pairings NOT to use-p-800

Have any questions?

If you have any questions regarding the content of this guide or need assistance ensuring your communication aligns with the Cognism brand, please reach out to our brand team.

Send message