Color Palette

The color palette used in this design system is divided into two categories: brand colors and accent colors.

Brand Colors

Dark Blue

Hex Code: #2D3D74

Uses:

  • Drop shadow on cards
  • Footer background color
  • Graphical elements
  • Nav background color

Light Blue

Hex Code: #C5CBE3

Uses:

  • Buttons
  • Footer text
  • H1 heading on dark background
  • Icons
  • Nav menu items

Logo Poppy

Hex Code: #FF6A3D

Uses:

  • Logo

Logo Violet

Hex Code: #9DAAF2

Uses:

  • Logo

Yellow

Hex Code: #F4DB7D

Uses:

  • Emphasis text on dark background

Accent Colors

Blue Violet

Hex Code: #576CDE

Uses:

  • Buttons
  • H1 heading
  • Link text

Ochre

Hex Code: #886B01

Uses:

  • Emphasis text

Vibrant Poppy

Hex Code: #EF3600

Uses:

  • H2 heading

Light Poppy

Hex Code: #FF997B

Uses:

  • H2 heading on dark background