Brand Style Guide

Logo | Variation

Logo | Usage on backgrounds

Logo | Clear Space

Logo | Do not

Brand | Color Palette

Primary Colors

Hex code #654334

  • rgb(101,67,42)
  • cmyk(44%,66%,73%,42%)
  • #654334
  • $color-Quincy

Hex code #1B4C32

  • rgb(27,67,50)
  • cmyk(85%,43%,84%,46%)
  • #1B4C32
  • $color-Everglade

Hex code #C99A51

  • rgb(201,154,81)
  • cmyk(21%,39%,80%,2%)
  • #C99A51
  • $color-Tussock

Hex code #338E61

  • rgb(51,142,97)
  • cmyk(80%,22%,77%,6%)
  • ##338E61
  • $color-Sea Green

Hex code #F5F4BD

  • rgb(245,244,189)
  • cmyk(4%,0%,32%,0%)
  • #F5F4BD
  • $color-Sidecar

Secondary Colors – Brown Shades

Hex code #976F4F

  • rgb(151,111,79)
  • cmyk(36%,53%,72%,16%)
  • #976F4F
  • $color-Dirt

Hex code #806F67

  • rgb(128,111,103)
  • cmyk(48%,51%,54%,16%)
  • #806F67
  • $color-Sand Dune

Hex code #EBD3BD

  • rgb(235,211,189)
  • cmyk(7%,16%,24%,0%)
  • #EBD3BD
  • $color-Almond

Hex code #E4DDD5

  • rgb(228,221,213)
  • cmyk(10%,10%,13%,0%)
  • #E4DDD5
  • $color-Pearl Bush

Secondary Colors – Green Shades

Hex code #6BA286

  • rgb(107,162,134)
  • cmyk(62%,20%,55%,1%)
  • #6BA286
  • $color-Oxley

Hex code#91DBB6

  • rgb(145,219,182)
  • cmyk(42%,0%,37%,0%)
  • #91DBB6
  • $color-Algae Green

Hex code #ADDFB3

  • rgb(173,223,179)
  • cmyk(32%,0%,38%,0%)
  • #ADDFB3
  • $color-Moss Green

Secondary Colors – Complementary Brown

Hex code #4CA0CC

  • rgb(76,160,204)
  • cmyk(67%,23%,7%,0%)
  • #4CA0CC
  • $color-Shakespere

Hex code #9FD0EB

  • rgb(159,208,235)
  • cmyk(35%,6%,2%,0%)
  • #9FD0EB
  • $color-CornFlower

Hex code #B9E6F4

  • rgb(185,230,244)
  • cmyk(25%,0%,3%,0%)
  • #B9E6F4
  • $color-Blizzard Blue

Hex code #05C3DD

  • rgb(5,195,221)
  • cmyk(68%,0%,13%,0%)
  • #05C3DD
  • $color-Robin’s Egg Blue

Secondary Colors – Complementary Green

Hex code #FF6F68

  • rgb(255,111,104)
  • cmyk(0%,71%,53%,0%)
  • #FF6F68
  • $color-Bittersweet

Hex code #FAAC9A

  • rgb(250,172,154)
  • cmyk(0%,39%,33%,0%)
  • #FAAC9A
  • $color-Rose Bud

Hex code #FBCABF

  • rgb(251,202,191)
  • cmyk(0%,24%,18%,0%)
  • #FBCABF
  • $color-Apricot Beach

Hex code #FA9093

  • rgb(250,144,147)
  • cmyk(0%,54%,29%,0%)
  • #FA9093
  • $color-Robin’s Egg Blue

Hex code #DB65AE

  • rgb(219,109,174)
  • cmyk(12%,73%,0%,0%)
  • #DB65AE
  • $color- Deep Blush

Hex code #E1ABCD

  • rgb(225,171,205)
  • cmyk(9%,38%,0%,0%)
  • #E1ABCD
  • $color-Orchid

Hex code #97A1D1

  • rgb(151,161,209)
  • cmyk(41%,33%,0%,0%)
  • #97A1D1
  • $color-Polo Blue

Hex code #C0A6D0

  • rgb(192,166,208)
  • cmyk(23%,35%,0%,0%)
  • #C0A6D0
  • $color-East Side

Background Colors

Hex code #FFFFFF

  • rgb(255,255,255)
  • cmyk(0%,0%,0%,0%)
  • #FFFFFF
  • $color- White

Hex code #E6E7E8

  • rgb(230,231,232)
  • cmyk(8%,6%,6%,0%)
  • #E6E7E8
  • $color-Iron

Hex code #F6F7DB

  • rgb(246,247,219)
  • cmyk(3%,0%,16%,0%)
  • #F6F7DB
  • $color-Coconut Green

Hex code #E4F2E7

  • rgb(228,242,231)
  • cmyk(10%,0%,10%,0%)
  • #E4F2E7
  • $color-Harp

Heading & Sub Heading Text Color

Hex code #1B4C32

  • rgb(27,76,50)
  • cmyk(85%,43%,84%,46%)
  • #1B4C32
  • $color-Everglade

Hex code #654334

  • rgb(101,67,52)
  • cmyk(44%,66%,73%,42%)
  • #654334
  • $color-Quincy

Hex code #FFFFFF

  • rgb(255,255,255)
  • cmyk(0%,0%,0%,0%)
  • #FFFFFF
  • $color- White

Body Text Color

Hex code #1F2022

  • rgb(31,32,34)
  • cmyk(74%,67%,63%,73%)
  • #1F2022
  • $color-Shark

Hex code #FFFFFF

  • rgb(255,255,255)
  • cmyk(0%,0%,0%,0%)
  • #FFFFFF
  • $color- White

Example

Always use white text & white logo on a dark background

For designs with large amount of body
text , always use neutral color
background.

This is Heading 1

This is Sub Heading

This is body copy text

This is Heading 1

This is Sub Heading

This is body copy text

Dos

Don’ts

Brand | Typography

Brand | Typography | Dos & Don'ts

Brand | Social Media Size Guide

Brand | Application Examples