Colour overview

Our palette has been designed in four levels:

  1. Core colour
  2. Highlight colours
  3. Block colours
  4. UI colours

Colour combinations and accessibility

Each possible colour combination has been carefully considered to ensure an appropriate level of contrast. Select a colour below to see the approved combinations and how they measure against WCAG standards.

Core colour

The signature colour that identifies the university.

Blue

Usage

  • Logos
  • Core brand components
  • Small background areas
  • Links
  • Navigation

 

  • Large background areas
  • Headings (unless linked)
  • Buttons
  • Core brand elements for Duncan of Jordanstone College of Art & Design

Highlight colours

Three complementary highlight colours have been specified to add vibrancy to the identity.

Grey
Green
Red

Usage

  • Body text (Grey only)
  • Headings (Grey only)
  • Secondary buttons
  • Dividing lines
  • Small background areas

 

  • Large background areas
  • Links
  • Primary buttons

Block colours

Subtle tones intended for colouring larger flat spaces without overpowering photography.

Bg Blue
Bg Green
Bg Red
Bg Grey
Bg Yellow
Bg Cream

Usage

  • Large background areas
  • Dividing lines

 

  • Text
  • Links
  • Page backgrounds

UI colours

UI colours.

UI Orange
UI Silver
UI Navy
UI Green
UI Yellow
UI Red

Usage

  • Specific purposes as identified for each indivudal colour

 

  • All other purposes

Colours for page backgrounds

Colours for page backgrounds:
  • White
  • Bg Cream
  • UI Silver