Colour and Logo
University of Westminster logo
The logo is our main brand identifier.
Primary colour palette
The primary colour palette is comprised of the key colours that define the University of Westminister’s main brand. These colours, when used in conjunction with the Secondary Palette, form the base of the university’s visual identity, and when used excusively, portray the corporate/business side of the university.
- Name:
- Primary -
used with white text - Hex:
- #108480
- SASS var:
- $brand-primary
- Name:
- Primary Dark -
used with white text - Hex:
- #00413d
- SASS var:
- $brand-primary-dark
Student hub primary colour palette
The student hub uses the University of Westminster magenta colour palette for its colour scheme to distinguish it from the main website.
- Name:
- Student Hub Primary Magenta -
used for buttons and border lines - Hex:
- #d10074
- SASS var:
- $uow-magenta
- Name:
- Student Hub Primary Dark -
for large colour blocks with white text. - Hex:
- #AA0C62
- SASS var:
- $uow-magenta-masthead
Secondary colour palette
The secondary palette has been designed to work in conjunction with the primary palette to allow greater variety in tone, and to give emphasis where necessary. The secondary palette is a means to grab attention and lift the mood of the brand. It is intended to be less formal than the primary palette.
- Name:
- Secondary
- Hex:
- #ffdf00
- SASS var:
- $brand-secondary
- Name:
- Secondary Dark -
used only as box shadow on yellow buttons - Hex:
- #9d8300
- SASS var:
- $brand-secondary-dark
Grey colour palette
- Name:
- Grey
- Hex:
- #848383
- SASS var:
- @grey
- Name:
- Grey Dark
- Hex:
- #33312d
- SASS var:
- @grey-dark
- Name:
- Grey Light
- Hex:
- #dfe0db
- SASS var:
- @grey-light
- Name:
- Grey Lighter
- Hex:
- #eae9e4
- SASS var:
- @grey-lighter
Misc colour palette
- Name:
- Background
- Hex:
- #f3f4ef
- SASS var:
- @body-bg
- Name:
- White
- Hex:
- #ffffff
- SASS var:
- @white