Colour

Our colour palette is a core component of our visual identity. We use it to create consistency between our products and communicate a reliable brand image to our customers.

Brand Palette

Bright Blue (Blue 600) and Dark Blue (Blue 1100) are the primary brand colours. Secondary colours - Mid Blue (900) and Light Blue (50) - should be used sparingly.

Bright Blue

hex
#2563EB
rgb
37,99,235
cmyk
0,61,94,7
hsl
221,83,53

Dark Blue

hex
#0C1736
rgb
12,23,54
cmyk
0,61,94,7
hsl
224,64,13

Mid Blue

hex
#1E3A8A
rgb
30,58,138
cmyk
0,61,94,7
hsl
224,64,33

Light Blue

hex
#EFF6FF
rgb
239,246,255
cmyk
0,61,94,7
hsl
214,100,97

Bluescale

The brand palette is derived from a scale of blues which is primarily reserved for UI elements and illustration purposes. Avoid using this scale unless you have been granted explicit permission to use it.

Blue 900

hex
#1E3A8A
rgb
30,58,138
hsl
224,64,33

Blue 800

hex
#1E40AF
rgb
30,64,175
hsl
226,71,40

Blue 700

hex
#1D4ED8
rgb
29,78,216
hsl
224,76,48

Blue 600

hex
#2563EB
rgb
37,99,235
hsl
221,83,53

Blue 500

hex
#3B82F6
rgb
59,130,246
hsl
217,91,60

Blue 400

hex
#60A5FA
rgb
96,165,250
hsl
213,94,68

Blue 300

hex
#93C5FD
rgb
146,197,253
hsl
211,96,78

Blue 200

hex
#BFDBFE
rgb
191,219,254
hsl
213,97,87

Blue 100

hex
#DBEAFE
rgb
219,234,254
hsl
214,95,93

Blue 50

hex
#EFF6FF
rgb
239,246,255
hsl
214,100,97

Greyscale

The greyscale palette is used across AIN digital products and print material. Where greyscale 900 to 600 are reserved primarily for typography, 500 to 50 are used in various UI components and for block backgrounds.

Grey 900

hex
#1A1A1A
rgb
26,26,26
hsl
0,0,10

Grey 800

hex
#333333
rgb
51,51,51
hsl
0,0,20

Grey 700

hex
#4D4D4D
rgb
77,77,77
hsl
0,0,30

Grey 600

hex
#666666
rgb
102,102,102
hsl
0,0,40

Grey 500

hex
#808080
rgb
128,128,128
hsl
0,0,50

Grey 400

hex
#CCCCCC
rgb
204,204,204
hsl
0,0,80

Grey 300

hex
#D9D9D9
rgb
217,217,217
hsl
0,0,85

Grey 200

hex
#F2F2F2
rgb
242,242,242
hsl
0,0,95

Grey 100

hex
#F7F7F7
rgb
247,247,247
hsl
0,0,97

Grey 50

hex
#FAFAFA
rgb
250,250,250
hsl
0,0,98
Link copied to clipboard