Colors

The look and feel of our company and product relies on using a handful of specific colors that help convey meaning and purpose.

Branding

Shades of green

Shades of red

Shades of yellow

Shades of beige

Shades of gray

Grays are available as background colours using classes background-color-x where x is one of the values in the box, e.g. background-color-black, background-color-gray-90, etc.

black
gray-99
gray-98
gray-95
gray-90
gray-80
gray-65
gray-60
gray-52
gray-50
gray-40
gray-35
gray-30
gray-25
gray-20
gray-15
gray-10
gray-6
gray-5
white

White labeling

Some utility classes for assisting in white labeling and theming efforts have been made available.

Text colours

You can use the following classes for white label-friendly text:

  • text-color-primary
  • text-color-secondary
  • text-color-tertiary

Background colours

You can use the following classes for white label-friendly backgrounds:

.background-color-primary
.background-color-secondary
.background-color-tertiary