Our colour palette features two bright colours, one cool and the other warm. These are paired with a simple neutral palette.
R 150 G 240 G 255
C 46 M 0 Y 4 K 0
PMS 310 C
#96F0FF
R 255 G 161 G 120
C 0 M 53 Y 50 K 0
PMS 1625 C
#FFA178
R 40 G 40 G 50
C 80 M 63 Y 34 K 73
PMS 4280 C
#282832
R 226 G 222 G 217
C 14 M 12 Y 15 K 0
PMS Warm Grey 1 C
#E2DED9
R 243 G 242 G 240
C 8 M 5 Y 8 K 0
#F3F2F0
This wider range of colours provides additional flexibility, and can be used for digital applications like backgrounds, buttons, rollover states, and inactive states.
#29E4FF
R 41 G 228 B 255
#FF734D
R 255 G 115 B 77
#C1B6A8
R 193 G 182 B 168
#282832
R 40 G 40 B 50
#96F0FF
R 150 G 240 B 255
#FFA178
R 255 G 161 B 120
#C1B6A8
R 226 G 222 B 217
#282832
R 40 G 40 B 50
#C0F6FF
R 192 G 246 B 255
#FFC7AE
R 255 G 199 B 174
#F3F2F0
R 243 G 242 B 240
#7E7E84
R 126 G 126 B 132
#EAFCFF
R 234 G 252 B 255
#FFECE4
R 255 G 236 B 228
#FFFFFF
R 255 G 255 B 255
#D4D4D6
R 212 G 212 B 214
For brand led messaging use the core and neutral colour combinations. For applications where the viewer is already familiar with the brand, such as social media use the secondary combinations.
The way we use colour is informed by the level of expression and type of messaging we want to convey. Use this guidance to ensure we always use colour consistently.
The following examples showcase how colour can be used throughout the digital experience.
Don’t use colour combinations that aren’t indicated in these guidelines
Don’t alter the colour of our gradients
Don’t introduce colours which aren’t in our palette
Don’t use gradients in text and logos
Don’t combine two core colours in the same application
Don’t use tints or opacity in core brand applications
Don’t use black or white
Don’t use dark text over dark images
