Colours

Core palette

The primary Cochrane palette is comprised of 3 colours

• Blue (Primary)
• Magenta (Secondary)
• Navy (Tertiary)

Utility palette

A utility colour palette is also available

• Black
• White
• Grey
• Red

Background colours

Any of the colours above can be used as a background colour on an element by simply using the following classes:

• .bg-primary
• .bg-secondary
• .bg-tertiary
• .bg-black
• .bg-white
• .bg-grey
• .bg-red

Text colours

These colours can be also be used as a text colour by using the following classes:

• A text example
  .text-color-primary
• A text example
  .text-color-secondary
• A text example
  .text-color-tertiary
• A text example
  .text-color-black
• A text example
  .text-color-white
• A text example
  .text-color-grey
• A text example
  .text-color-red