Colors

Our color palette is built with our core principles and guidelines as its foundation. We are committed to complying with WCAG AA standard contrast ratios.


Primary Colors

Tint & Shade

100%

Tint & Shade

100%

Tint & Shade

100%

Secondary Colors

Tint & Shade

100%

Tint & Shade

100%

Tint & Shade

100%

Tint & Shade

100%

Tint & Shade

100%

Tint & Shade

100%

Tertiary Colors

Tint & Shade

100%

Tint & Shade

100%

Stone

Tint & Shade

100%

Best practices

Colors should…
  • Add value to the page

  • Use more than colour alone to convey information (Be mindful of color blind / greyscale users)

  • Be mindful of color psychology values (e.g. Red is danger/bad/stop) vs cultural values

Colors should not…
  • Be overused.

  • Create a ‘candy shop’ effect

  • Overload the user and create confusion