Digital pattern library

This palette is deprecated. Do not attempt to use this palette for any new website development.

Study palette

This is the colour palette that is used on the study at St Andrews section of the University website.

  • Primary - used for navigation bar, calls to action.
  • Secondary - used for secondary navigation bar.
  • Tertiary - used, usually all together, to add style and differentiate between items in a set (for example, tiles).

Primary (cyan)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Secondary (light cyan)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Tertiary 1 (green)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Tertiary 2 (purple)

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 (light blue)

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