Government of British ColumbiaGovernment of British Columbia

DevHub

beta

Topic

Design System

British Columbia Government Design System for Digital Services

Status

Last Updated: February 20, 2019

Colour Palette

The B.C. Government colour palette ensures all public facing government services have consistent branding.

Primary B.C. Brand

#003366
#FCBA19

Used for header, footer, beta status

Text

#494949

Links

#1A5A96

Used for links

Backgrounds

#38598A

Used for navigation bar

#F2F2F2

Used for backgrounds

Components

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.

  • Create an Issue

Design System
Content