Colours

Background Colours - Corporate Palette

• brand-primary-bg-blue
  #00ADEF
• brand-primary-bg-pink
  #EC008B
• brand-primary-bg-yellow
  #E8C31D
• brand-primary-bg-green
  #8CC63E
• brand-primary-bg-orange
  #F7931D
• brand-primary-bg-purple
  #B86BCE
• brand-primary-bg-violet
  #9999FF
• brand-primary-bg-grey
  #9EACB4
• brand-primary-bg-red
  #ED1C24
• brand-primary-bg-brown
  #6E6464
• secondary-bg-purple
  #5F588A

• brand-primary-bg-blue-mid
  #69cef6
• brand-primary-bg-pink-mid
  #f57cc4
• brand-primary-bg-yellow-mid
  #f0d96d
• brand-primary-bg-green-mid
  #A6D074
• brand-primary-bg-orange-mid
  #F9B461
• brand-primary-bg-purple-mid
  #BE97C8
• brand-primary-bg-violet-mid
  #A8A8FF
• brand-primary-bg-grey-mid
  #C1CACF
• brand-primary-bg-red-mid
  #F68A8E
• brand-primary-bg-brown-mid
  #CAC6C6
• secondary-bg-purple-mid
  #C0BDD5

• brand-primary-bg-blue-light
  #B2E6FA
• brand-primary-bg-pink-light
  #F9B2DC
• brand-primary-bg-yellow-light
  #F6E7A4
• brand-primary-bg-green-light
  #C0E096
• brand-primary-bg-orange-light
  #FCD4A5
• brand-primary-bg-purple-light
  #D9C2DF
• brand-primary-bg-violet-light
  #DDDDFF
• brand-primary-bg-grey-light
  #E6E6E6
• brand-primary-bg-red-light
  #FABABD
• brand-primary-bg-brown-light
  #E1DFDF
• secondary-bg-purple-light
  #D0CEDF

Other Useful Background Colours

• #000bg-black
• #333bg-dark

• #7D953Bbg-green
• #CED2DFbg-off-blue

• #835C81bg-light-violet
• #A88AA7bg-violet

Example

Text Colours

• #FFFwhite
• #9EACB4mid-grey
• #CCCgrey
• #00AEEFbcu-light-blue
• #E8C31D brand-primary-yellow
• #BDA315bcu-gold
• #9999FFbrand-primary-violet
• #8CC63Ebrand-primary-green

• #000black
• #222dark-text
• #010f4Ebrand-primary-dark-blue
• #6E6464brand-primary-brown
• #B86BCEbrand-primary-purple
• #ED1C24 brand-primary-red
• #009900 green
• #EC008B brand-primary-pink

Example

Welcome to BCU!