Colours - Canada.ca style

Mandatory

The guidance on colours is mandatory on all pages.

Mandatory elements of the design system

Backgrounds

The default background colour for Canada.ca is white (#FFF).

While you may use another background colour for specific portions of the page, ensure that the majority of the page has a white background. When you use other background colours, ensure sufficient contrast with text to meet WCAG success criterion 1.4.6: Contrast (Enhanced) (Level AAA).

Text

The text colour for Canada.ca is dark grey (#333).

Always use the following colours for links:

  • default link: #2b4380
  • selected link (on hover or focus): #0535d2
  • visited link: #7834bc

Additional colours

Only use these colours as accent colours:

  • main accent colour: #26374A
  • form error or required element indicator: #d3080c
  • selected element (in service initiation templates): #333

Alert and information messages have additional colours. Consult the contextual alerts pattern.

Date modified: