When choosing colour it is important to consider the best options from the palette that will project the information clearly and effectively, and that will complement any chosen images.

Contrast and accessibility

There must always be good contrast between text and the background colour. Dark type on a white or very pale background is the most legible. White type should only be used on a very dark background. Use the WebAIM colour contrast checker to ensure that the contrast achieved between the background and text colour is sufficient. There are different contrast ratio rules for normal text and for large text; details may be found in the Web Content Accessibility Guidelines.

Examples

Examples of tints of colour from lighter palette

Colours such as Pantone 199, 285 and 513 are suitable background colours for small quantities of text, such as headings, charts and diagrams or small blocks of text that you wish to highlight. All colours shown in the University's colour palette are shown at values of 100%. To achieve paler tones, it is also possible to use any of the colours at lower percentages as illustrated here in the tints of Pantone 284.

100%

#68ACE5

100% tint of Pantone ® 284 C

80%

#86BDEA

80% tint of Pantone ® 284 C

60%

#A4CDEF

60% tint of Pantone ® 284 C

40%

#C3DEF5

40% tint of Pantone ® 284 C

20%

#E1EEFA

20% tint of Pantone ® 284 C

Examples of white text on a dark background

Core palette

White text on a dark background

Pantone ®
199 C

White text on a dark background

Pantone ®
285 C

White text on a dark background

Pantone ®
513 C

Darker colour palette

White text on a dark background

Pantone ®
1955 C

White text on a dark background

Pantone ®
541 C

White text on a dark background

Pantone ®
574 C

White text on a dark background

Pantone ®
669 C

White text on a dark background

Pantone ®
5473 C