Last Updated: April 30, 2020
Colour Palette
The B.C. Government colour palette ensures all public facing government services have consistent branding.
Primary B.C. Brand
#003366
Used for header, footer, primary button
Text
#313132
Used for headings and paragraphs
Links
#1A5A96
Used for links
Backgrounds
#38598A
Used for navigation bar
#F2F2F2
Used for backgrounds
Components
#606060
Used for text input, textarea, checkbox, radio button
Semantic Colours
#D8292F
Used for error messages and indicators
#2E8540
Used for success messages and indicators
Colour contrast
You must make sure that the text and interactive elements on your page meet the level AA of the Web Content Accessibility Guidelines (WCAG 2.0).
Check your colour combinations with a colour contrast tool.