Colours style: Canada.ca design system

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 .