colors

▼

  • Use: Body copy
    Sass Variable: $color-body
    Hex: #303030

  • Use: Headings
    Sass Variable: $color-heading
    Hex: #282623

  • Use: Under and Overlay for image/text w/ opacity 0.8
    Sass Variable: $color-dirty-brown
    Hex: #21180d

  • Use: a: link
    Sass Variable: $color-text-link OR $color-gold
    Hex: #B5975A

  • Use: Spa Button Border Text Underline
    Sass Variable: $color-mint
    Hex: #61b7a7

  • Use: Wick Feature Panel background
    Sass Variable: $color-pacific-sand
    Hex: #faf8f3

  • Use: Spa Feature Panel background
    Sass Variable: $color-sea-foam
    Hex: #edf5f3

  • Use: Booking Widget, Table Background
    Sass Variable: $color-dirty-sand
    Hex: #f0f0ee

  • Use: Header/Footer light grey hover
    Sass Variable: $color-greige
    Hex: #bfbcb6

  • Use: Universal Nav text
    Sass Variable: $color-coastal-granite
    Hex: #736f69

  • Use: horizontal line
    Sass Variable: $color-grey-lgt
    Hex: #e3e3e3

  • Use: a:hover link
    Sass Variable: $color-text-hover OR $color-grey
    Hex: #bebebc

  • Use: Footer light grey text
    Sass Variable: $color-grey-drk
    Hex: #7d7d7d

  • Use: Card Date Text
    Sass Variable: $color-grey-text
    Hex: #a7a7a7