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.