Color

Color is used throughout the design system to indicate heading level and to add emphasis to components. Colors are ordered by heading level below.

Crimson

Hex

#8C3535

In Use:

  • Headings - color for H1 text
  • Primary buttons - fill color
  • Secondary buttons - border color

Ocean-Blue

Hex

#0B4359

In Use:

  • Headings - color for H2 text
  • Color for dropshadows - Navigation Menu

Teal

Hex

#0F758C

In Use:

  • Headings - color for H3 text
  • Main accent color in logo and border in Navigation Menu

Inky Blue

Hex

#051926

In Use:

  • Headings - color for H4 text

Steel-Grey

Hex

#4F4F4F

In Use:

  • Text - color for paragraph text
  • Buttons - color for disabled state