Colors

Logo colors

Blue Hex value: #40CCFC Gray Hex value: #647B7D

Primary color

_images/design-primary-color.png

Hex value: #0079D0

CSS name: CTA Blue

Used in:

  • Primary call-to-action buttons

  • Hover states

  • Brand elements

  • Link color

Secondary color

_images/design-secondary-color.png

Hex value: #181c36

CSS name: All black

Used in:

  • Call-to-action buttons

  • Body text

  • Headings

  • Sub-headings

Support Colors

These are colors that are used in various messages on the website.

Warning yellow

_images/design-warning-yellow.png

Used in Drupal warning messages. Also used in some placeholder images.

Hex value: #FFCD6E

Danger red

_images/design-danger-red.png

Used in Drupal error messages.

Hex value: #E90046

Success greens

_images/design-success-greens.png

Used in confirmation messages on forms primarily, such as when creating an account, submitting a comment, and saving content changes when redirected to the view of the content.

Hex Values:

  • Success green (default): #08D1A1

  • Dark green: #007D56

Purple

_images/design-purple.png

Used in visited links.

Hex value: #551A8B