Colours
The colours we use form a key part of our branding and identity.
Whilst we match the Bootstrap variable names primary
, secondary
and our own (tertiary
) this is more of a structural naming point. These variable names should not convey that there’s a brand colour hierarchy as that would not be true. Each colour carries equal importance.
Brand Colours
Dark Blue
$brand-primary
#2E008B
rgb(46, 0, 139)
Magenta
$brand-secondary
#EC008C
rgb(236, 0, 140)
Light Blue
$brand-tertiary
#00B6ED
rgb(0, 182, 237)
Greyscale
Light Grey
$brand-gray-light
#E3E3E3
rgb(227, 227, 227)
Medium Grey
$brand-gray-medium
#C8C9C7
rgb(200, 201, 199)
Dark Grey
$brand-gray-dark
#666
rgb(102, 102, 102)