Digital colour palette

In addition to the brand palette, the primary, secondary and tertiary colour palettes are used as a base for all digital assets.

These digital palettes are based on the legacy Curtin online colour palettes, in addition to digital UX best practices. These primary, secondary and tertiary pallets work together to provide the best user experience and comprehensive coverage across WCAG 2.1 guidelines.

Primary

  • $lime
  • #c3d82e
  • $magenta
  • #e52592
  • $deep-blue
  • #5525e5

Secondary

  • $white
  • #ffffff
  • $gray--lightest
  • #f7f7f7
  • $gray--lighter
  • #f0f0f0
  • $gray--light
  • #e8e8e8
  • $gray
  • #b3b3b3
  • $gray--dark
  • #717171

  • $gray--darker
  • #4b4b4b
  • $gray--darkest
  • #333
  • $black--bg
  • #1a1a1a
  • $black
  • #000000

Tertiary

  • $strawberry
  • #ff615e
  • $chilli
  • #f02020
  • $apple
  • #1de57e
  • $success
  • #57d897
  • $banana
  • #fff3a8
  • $magenta--dark
  • #ca2381

Tints

  • $strawberry--light
  • #1f0c0b
  • $magenta--light
  • #fdeef7
  • $success--light
  • #e6f9ef
  • $deep-blue--light
  • #f1eefd
  • $banana--light
  • #fffadc
  • $lime--light
  • #141605

  • $apple--dark
  • #61eda5

Disabled

  • $banana--dark
  • #8d8761
  • $deep-blue--dark
  • #a992f1

Digital colour palette rules