Skip to main content

Colors

Theming

  • $color-red--bright
    .theme--red
  • $color-blue--dark
    .theme--blue
  • $color-yellow--dark
    .theme--yellow
  • $color-gray--dark
    .theme--oatmeal

Color palette

  • $color-red--dark
  • $color-red--medium
  • $color-red--light
  • $color-blue--dark
  • $color-blue--medium
  • $color-blue--light
  • $color-orange--dark
  • $color-orange--medium
  • $color-orange--light
  • $color-yellow--dark
  • $color-yellow--medium
  • $color-yellow--light
  • $color-green--dark
  • $color-green--medium
  • $color-green--light
  • $color-mint--dark
  • $color-mint--medium
  • $color-mint--light
  • $color-teal--dark
  • $color-teal--medium
  • $color-teal--light
  • $color-purple--dark
  • $color-purple--medium
  • $color-purple--light
  • $color-gray--dark
  • $color-gray--warm-light
  • $color-gray--warm
  • $color-gray--pale-light
  • $color-gray--pale

Copy colors

  • $color-copyGray1
  • $color-copyGray2
  • $color-bodyCopyGray

Link States