Our colour
palette
Our corporate colours play a key role in our CI because they create a powerful first impression for our audience. Colour can sway our thinking, convey emotions and cause powerful reactions. Using our colours properly is the most effective way to ensure our brand is consistent and recognisable.
Important Note
When using colour builds, always use the colour values listed here to ensure accuracy.
Primary palette
Universal Red
CMYK: 0,100,100,0
RGB: 237,28,36
#ed1c24
Pantone 485 C
Universal Rocket Red
CMYK: 16.54,100,100,8.24
RGB: 191,32,38
#bf2025
Pantone 1805 C
Universal Orange I
CMYK: 0, 81.38, 100, 0
RGB: 241, 87, 34
#f05722
Pantone Orange 021 C
Universal Grey
CMYK: 58,49,46,15
RGB: 110,111,114
#6d6e71
Pantone Cool Grey 10 C
50% Black
RGB: 147, 149,152
#939597
25% Black
RGB: 199, 200, 202
#c6c8ca
10% Black
RGB: 230, 231, 232
#e6e7e8
Secondary palette
Dark Blue
CMYK: 99.87,76.08,13.53,2.01
RGB: 1,80,147
#015093
Pantone 653 C
Yellow
CMYK: 0.01,30.11,62.22,0
RGB: 252,187,114
#fcbb72
Pantone 149 C
Pink
CMYK: 0,98.61,30.62,0
RGB: 237,20,110
#ed146e
Pantone 213 C
Turquoise
CMYK: 73.11,0.35,30.85,0
RGB: 0,186,189
#00babd
Pantone 319 C
Purple
CMYK: 72.59,78.59,0,0
RGB: 112,0,255
#7000ff
Pantone 2725 C
Light Blue
CMYK: 64.97,25.78,0,0
RGB: 41,166,255
#29a6ff
Pantone 284 C
Gradients
Combine primary and secondary palette colours to create different gradients to be used as adjustment layers on images or to create metallic vector graphics.
Gradient I
#ed1c24 + #f05722
Gradient II
#6d6e71 + #e6e7e8
Gradient III
#939597 + #e6e7e8
Using our colours
It is important to maintain a sense of hierarchy when using the Universal colour palette. Utilise the Primary palette (with white space) first.
This graph is a breakdown of our entire palette to show how colours should be used in proportion to one another. Don’t take it literally, it’s just a visual guide. White space is very important.
White space is essential for a balanced and harmonious layout and without it your design would look cluttered and overcrowded.