Digital pattern library

Primary palette

This is the primary palette that is to be used on any new development for the University website.

Primary (blue)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Secondary (light blue)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Tertiary 1 (green)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Tertiary 2 (burgundy)

Base
Selected
Transparent
Base hover
Selected hover
Transparent hover

Tertiary 3 (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