FR

Colour

Standardizing colour creates visual consistency and eliminates design guesswork.

Brand

Our colour palette is derived from our Frontiers series of bank notes. These colours:

  • connect with our institution
  • are rooted in our history
  • evoke diversity
  • are symbols of our economy in action

Each colour is web accessible and has a darker and lighter version.

Primary colours

These are the core colours of our brand that will quickly identify the Bank. BoC Yellow and BoC Blue are the preferred colours to be used in all our communications and should be used interchangeably.

BoC Blue
#004F71

Shade 1
#003F5A

Tint 1
#277191

Tint 2
#5799B5

BoC Yellow
#FFF3B8

Tint 1
#FFF7CF

Tint 2
#FFFBE8

Secondary colours

Meant to highlight and compliment our primary colours, our secondary colours and tints are best used to accent information.

For best results:

  • limit the use of the secondary colours to 20-30%
  • use web colours for websites or intranet pages only

BoC Violet
#4B2965

Tint 1
#74578A

Tint 2
#9979B3

BoC Green
#A1D884

Tint 1
#ADE391

Tint 2
#C1EBAB

BoC Maroon
#651D32

Tint 1
#844356

Tint 2
#A87685

Defaults colours

Both BoC Black and BoC White can be used for body copy and background colours when branded colours are not suitable.

Black
#000000

White
#FFFFFF

Off-white
#F5F5F5

Colours dos and don’ts

Properly implementing our brand colours will create consistent and impactful messaging. Follow these usage principles for choosing the right colour combinations and typography.

Dos

  • Always ensure contrast.
  • Use combinations of two colours at a time.

Don’ts

  • Use the primary colours for type on pale backgrounds or tints.
  • Mix tints or pair inaccessible colour combinations together.
  • Use transparent type.
  • Avoid these colour combinations:
    • BoC Green on BoC Yellow
    • BoC Yellow on BoC Green
    • BoC Green on BoC Maroon
    • BoC Green on BoC Blue
    • Black type on BoC Violet

Complex colour combinations

Use only in specific instances such as:

  • data visualizations
  • graphs
  • tables
  • infographics

For more information, see the data visualization colour palette.

Hex colours

Use only for digital on-screen applications.