Colour is functional as well as decorative. It unites teams and builds brand identities. It provides emphasis, and conveys meanings as critical as go and stop; danger and safety.
Used effectively, colour will guide web readers through their journeys as well as making content more attractive. Macquarie’s colour rules give our brand consistency. They also ensure we’re complying with essential accessibility requirements, such as maintaining contrast between text and background shades.
MQ Primary colour palette
Primary colours distinguish Macquarie's brand, and play a large part in maintaining our consistent look and feel. They are used logically across our products and marketing to emphasise what's most important. This is the palette which appears most often across our website and its components — especially the Macquarie red, which is used in calls to action. Purple is used as a supporting primary colour where appropriate.
Primary
Charcoal #373A36
Sand light #EDEBE5
Purple #80225F
Deep red #76232F
Bright red #D6001C
Magenta #C6007E
MQ Secondary colour palette
Secondary colours are instructive. They should be used to accent selections in the user interface — for example, green indicates successful completion of a form field. This colour palette is used sparingly, as a way to highlight and enhance the interactivity of GEM's components.
Secondary
Success #009174
Alert #BC4700
Information #415364
Sand #D6D2C4
Dark Purple #6F1D46
MQ Health Primary colour palette
Primary colours distinguish Macquarie's Health brand. They appear most often across our website and its components - especially the Macquarie slate blue. This is the palette which appears most often across our website and its components - especially the purple which is used in calls to action. Slate blue is used as a supporting primary colour where appropriate. The grey colours are used on certain components such as header, breadcrumbs and where appropriate.
Primary
Slate blue #415364
Purple #80225F
Blue grey #CFD4D8
Light blue grey #EAEBED
Light grey #F5F5F6
MQ Health Secondary colour palette
Secondary colours are instructive. They should be used to accent selections in the user interface - for example, green indicates successful completion of a form field. This colour palette is used sparingly, as a way to highlight and enhance the interactivity of GEM's components.