Colours

This page demonstrates different options for colours. Using thes colours will help ensure consistency with Durham College Branding.

If you decide to change colours, please ensure that your new colours are accessible by using the HTML Editor Accessibility checker. It can be found in the lower right hand corner of the HTML Editor Location of the accesibility checker icon in the HTML editor, bottom right menu..


Colours

If you're using one of the course template pages, the colours will automatically be applied. This page gives you the option to apply other DC colours as you'd like while ensuring the colours are consistent with the template. Just copy the HEX code for the colour you wish to use (in bold below) and paste it into the colour selector in the HTML editor.

This video will walk you through the steps involved to copy these colours into your pages.


Dark Colour Palette


Light Navy
HEX Code: 007795

Green
HEX Code: 40845a

Pink
HEX Code: ae427c

Brown
HEX Code: a96642

Purple
HEX Code: 714dac

Gray
HEX Code: 797676

Navy Blue
HEX Code: 00446E


Light Colour Palette


Light Navy
HEX Code: c1dde4

Green
HEX Code: d0e0d6

Pink
HEX Code: eacfde

Brown
HEX Code: e9d8d0

Purple
HEX Code: dbd3e9

Gray
HEX Code: dddcdc

Navy Blue
HEX Code: bfd0da