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