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