Colour
Downloads & Links
Brand Palette
This is our main palette used for general brand applications.
Navy
#101626r 16 g 22 b 38Azure
#325FFFr 50 g 95 b 255Light Grey
#E6E6E6r 230 g 230 b 230White
#ffffffr 255 g 255 b 255Black
#000000r 0 g 0 b 0
Tints & Shades
These are supplementary colours that help create hierarchy in more complex layouts or in UI.
Navy 90
#1D253Cr 29 g 37 b 60Navy 80
#2B3653r 43 g 54 b 83Navy 70
#374468r 55 g 68 b 104Navy 60
#43537Er 67 g 83 b 126Azure 90
#4770FFr 71 g 112 b 255Azure 80
#5A7FFFr 90 g 127 b 255Azure 70
#708FFFr 112 g 143 b 255Azure 60
#849FFFr 132 g 159 b 255Sky 40
#8ABCDFr 138 g 188 b 223Sky 20
#C8E2F3r 200 g 226 b 243
Audience Differentiation
Our visual system adapts to the audience we're speaking to help customers instantly recognise the product. Trade and Invest both use the Brand Palette however the colours are used in different ratios.
Trade
For Trade communications, we lead with our darker colour palette and dark-mode 3D renders.
Invest
Invest assets use our light colour palette and light-mode 3D renders.
