Digital pattern library

Colours

Palettes

Palettes are collections of brand colours that are selected to form the colour schemes for webpages. Constraining our design to a few colours helps give a consistent, professional appearance.


Approved colours

These are the approved colours for use on webpages at the University of St Andrews.

Blue

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Light blue

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Red

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Yellow

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Grey

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Light grey

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Dark grey

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Cyan

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Light cyan

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Orange

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Green

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Dark green

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Purple

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Burgundy

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Bootstrap contexts

These colours should only be used for buttons, alerts, and text banners.

Success (green)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Info (blue light)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Warning (orange)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Danger (red)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover