Color

Color is a critical part of any design system.

In this page

Palette

By defining a color system we can ensure that we have a controlled palette of colors, consistent and proper usage, and also improve ease of maintenance. Incorporating the brand colors will ensure we maintain our brand's personality throughout our site.

Primary

Used primarly for text, ghost button.

  • #262935
  • #5fd79a
  • #9599a1
  • #a8b1bf

Secondary

Used on landing pages and UI components.

  • #2D7181
  • #f76c69
  • #7c4848
  • ##233b5e
  • #bf9657

Classic Assist

Dashboard: backgrounds, buttons, border and hyperlinks.

  • #337ab7
  • #f0f4f7
  • #d3d3d3
  • #008000
  • #fa5a5a