Colours

Colour Use for Learning

The Basics

For online learning content, the use of a limited number of colours is best practice. This evidence-based suggestion is rooted in cognitive load theory, and research which shows that:

• "readers like additional color; and
• color can help learning (see Dwyer, 1978); but
• extra colors have to be used sparingly and consistently if they are not to confuse the readers;
• some colors stand out more than others, so it is unhelpful to use a range of colors on the same page" (Hartley, p.921)

Limiting extraneous visual information, such as colour, can help learners focus on learning. 

UBC Canvas Colours

Most often you will see that the Learning Management System (LMS) have adopted institutional colours. The UBC Canvas LMS uses the following UBC brand colours.

These colours are used in the main navigation menu, bread crumbs, visited links and other areas in the Canvas learning environment. The colours selected are versatile and the contrast ratio of these colours is in compliance with the Web Content Accessibility Guidelines Links to an external site.. 

Using black for text and standard dark blue for buttons and other shapes ensures that your course looks professional and part of the UBC brand.

In addition to the UBC Canvas colours above, you may be interested in the web colour for Faculty of Science:

Science Canvas Template Recommendations

Limiting the additional colours to neutral shades of grey helps learners as it reduces visual complexity. A light grey and a dark grey are used in the template and samples pages so that the text and background colour combos with be readable; background combos using medium tones can often reduce legibility.

Literature on the design of online learning materials also supports the need for consistency, as students may feel lost as they navigate from course to course if colour schemes or even course layouts change.

Source: page developed by Parm Gill, ETS, UBC.