Colours

Colour is crucial in driving attention, organising information, highlighting emphasis and creating emotion. Colour is one of our tools.

The primary brand colours

The primary brand colors are black, white and a variety of grays. The monocromatic palette emphasizes the neutral nature of data. We keep these primary colours when we talk about us or data in general, in the following typography and background samples.

• HEX#000000 CMYK0/0/0/100

  titles, backgrounds, icons, buttons
• HEX#ffffff CMYK0/0/0/0

  text, backgrounds
• HEX#565656 CMYK0/0/0/90

  body text
• HEX#dddddd CMYK0/0/0/30

  lines, borders, disabled
• HEX#f8f8f8 CMYK0/0/0/5

  backgrounds

---

Extended colour palette

The extended colour palette is used in infographics, charts, and illustrations. The overall monochrome brand allows for the colour of data to stand out. To ensure consistency in the use of colour, the selected tones should be used in charts following the present order.

Use colours in this order:

• HEX#3f1a84 CMYK92/100/11/5
• HEX#f58fa9 CMYK0/55/13/0
• HEX#ffbc45 CMYK2/35/94/0
• HEX#3ad8cc CMYK60/0/29/0
• HEX#0f4fef CMYK84/69/0/0
• HEX#f7664f CMYK0/75/70/0
• HEX#000000 CMYK0/0/0/100
• HEX#f0a764 CMYK4/39/68/0
• HEX#d4119b CMYK16/95/0/0
• HEX#c7b8f5 CMYK21/27/0/0
• HEX#676d27 CMYK58/40/100/24
• HEX#fdc0b7 CMYK0/30/20/0
• HEX#037a75 CMYK87/33/54/11
• HEX#b4b1b5 CMYK30/26/23/0
• HEX#eed4a1 CMYK6/15/41/0
• HEX#43c7f6 CMYK59/0/0/0
• HEX#ad240f CMYK22/97/100/15
• HEX#d8a31d CMYK16/36/100/0
• HEX#162659 CMYK100/93/35/30
• HEX#f5f277 CMYK7/0/65/0
• HEX#9eb7d5 CMYK37/20/5/0
• HEX#ab75e7 CMYK44/58/0/0
• HEX#991a5e CMYK37/100/38/12
• HEX#4dc14d CMYK68/0/94/0

Examples:

Analogous color scheme

• HEX#301563 CMYK95/100/26/23
• HEX#3f1a84 CMYK92/100/11/5
• HEX#6939c5 CMYK72/82/0/0
• HEX#a476f9 CMYK48/57/0/0
• HEX#ccb0ff CMYK22/31/0/0
• HEX#053e39 CMYK90/52/67/52
• HEX#0a8077 CMYK86/30/56/9
• HEX#3ad8cc CMYK60/0/29/0
• HEX#6bf4ea CMYK44/0/18/0
• HEX#a4fff8 CMYK29/0/10/0
• HEX#820525 CMYK29/100/81/35
• HEX#ba1e46 CMYK20/100/67/8
• HEX#e24a71 CMYK6/86/37/0
• HEX#f58fa9 CMYK0/55/13/0
• HEX#ffbfcf CMYK0/31/4/0
• HEX#9d690d CMYK32/56/100/17
• HEX#e09614 CMYK11/45/100/0
• HEX#ffbc45 CMYK0/29/83/0
• HEX#ffd07d CMYK0/19/59/0
• HEX#ffe2ad CMYK0/11/36/0
• HEX#061d55 CMYK100/94/34/36
• HEX#0e3cb0 CMYK96/85/0/0
• HEX#0f4fef CMYK84/69/0/0
• HEX#648ff9 CMYK60/42/0/0
• HEX#c0d2ff CMYK21/12/0/0
• HEX#761a0c CMYK31/95/100/42
• HEX#c03620 CMYK18/92/100/7
• HEX#f7664f CMYK0/75/70/0
• HEX#ff9281 CMYK0/53/42/0
• HEX#ffcbc2 CMYK0/24/16/0

Always use solid colours, avoid using gradients.

Example:

---

Have a look at the best practices