Brand Style Guide
Logo | Variation
![Logo](http://icnasisters.org/wp-content/uploads/2022/02/Logo.png)
![LogoVariation](http://icnasisters.org/wp-content/uploads/2022/02/LogoVariation.png)
Logo | Usage on backgrounds
![LogoOnBackgrounds](http://icnasisters.org/wp-content/uploads/2022/02/LogoOnBackgrounds.png)
Logo | Clear Space
![LogoClearSpace](http://icnasisters.org/wp-content/uploads/2022/02/LogoClearSpace.png)
Logo | Do not
![LogoDoNot](http://icnasisters.org/wp-content/uploads/2022/02/LogoDoNot.png)
Brand | Color Palette
Primary Colors
![](http://icnasisters.org/wp-content/uploads/2022/02/PrimaryBorwnShade654334.png)
Hex code #654334
- rgb(101,67,42)
- cmyk(44%,66%,73%,42%)
- #654334
- $color-Quincy
![](http://icnasisters.org/wp-content/uploads/2022/02/PrimaryGreen1B4C32.png)
Hex code #1B4C32
- rgb(27,67,50)
- cmyk(85%,43%,84%,46%)
- #1B4C32
- $color-Everglade
![](http://icnasisters.org/wp-content/uploads/2022/02/PrimaryBorwnC99A51.png)
Hex code #C99A51
- rgb(201,154,81)
- cmyk(21%,39%,80%,2%)
- #C99A51
- $color-Tussock
![](http://icnasisters.org/wp-content/uploads/2022/02/PrimaryGreen338E61.png)
Hex code #338E61
- rgb(51,142,97)
- cmyk(80%,22%,77%,6%)
- ##338E61
- $color-Sea Green
![](http://icnasisters.org/wp-content/uploads/2022/02/PrimaryBorwnF5F4BD.png)
Hex code #F5F4BD
- rgb(245,244,189)
- cmyk(4%,0%,32%,0%)
- #F5F4BD
- $color-Sidecar
Secondary Colors – Brown Shades
![](http://icnasisters.org/wp-content/uploads/2022/02/PrimaryBrownShades976F4F.png)
Hex code #976F4F
- rgb(151,111,79)
- cmyk(36%,53%,72%,16%)
- #976F4F
- $color-Dirt
![](http://icnasisters.org/wp-content/uploads/2022/02/PrimaryBrownShades806F67.png)
Hex code #806F67
- rgb(128,111,103)
- cmyk(48%,51%,54%,16%)
- #806F67
- $color-Sand Dune
![](http://icnasisters.org/wp-content/uploads/2022/02/PrimaryBrownShadesEBD3BD.png)
Hex code #EBD3BD
- rgb(235,211,189)
- cmyk(7%,16%,24%,0%)
- #EBD3BD
- $color-Almond
![](http://icnasisters.org/wp-content/uploads/2022/02/PrimaryBrownShadesE4DDD5.png)
Hex code #E4DDD5
- rgb(228,221,213)
- cmyk(10%,10%,13%,0%)
- #E4DDD5
- $color-Pearl Bush
Secondary Colors – Green Shades
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryGreenShades6BA286.png)
Hex code #6BA286
- rgb(107,162,134)
- cmyk(62%,20%,55%,1%)
- #6BA286
- $color-Oxley
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryGreenShades91DBB6.png)
Hex code#91DBB6
- rgb(145,219,182)
- cmyk(42%,0%,37%,0%)
- #91DBB6
- $color-Algae Green
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryGreenShadesADDFB3.png)
Hex code #ADDFB3
- rgb(173,223,179)
- cmyk(32%,0%,38%,0%)
- #ADDFB3
- $color-Moss Green
Secondary Colors – Complementary Brown
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryBrown4CA0CC.png)
Hex code #4CA0CC
- rgb(76,160,204)
- cmyk(67%,23%,7%,0%)
- #4CA0CC
- $color-Shakespere
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryBrown9FD0EB.png)
Hex code #9FD0EB
- rgb(159,208,235)
- cmyk(35%,6%,2%,0%)
- #9FD0EB
- $color-CornFlower
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryBrownB9E6F4.png)
Hex code #B9E6F4
- rgb(185,230,244)
- cmyk(25%,0%,3%,0%)
- #B9E6F4
- $color-Blizzard Blue
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryBrown05C3DD.png)
Hex code #05C3DD
- rgb(5,195,221)
- cmyk(68%,0%,13%,0%)
- #05C3DD
- $color-Robin’s Egg Blue
Secondary Colors – Complementary Green
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryGreenFF6F68.png)
Hex code #FF6F68
- rgb(255,111,104)
- cmyk(0%,71%,53%,0%)
- #FF6F68
- $color-Bittersweet
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryGreenFAAC9A.png)
Hex code #FAAC9A
- rgb(250,172,154)
- cmyk(0%,39%,33%,0%)
- #FAAC9A
- $color-Rose Bud
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryGreenFBCABF.png)
Hex code #FBCABF
- rgb(251,202,191)
- cmyk(0%,24%,18%,0%)
- #FBCABF
- $color-Apricot Beach
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryGreenFA9093.png)
Hex code #FA9093
- rgb(250,144,147)
- cmyk(0%,54%,29%,0%)
- #FA9093
- $color-Robin’s Egg Blue
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryGreenDB65AE.png)
Hex code #DB65AE
- rgb(219,109,174)
- cmyk(12%,73%,0%,0%)
- #DB65AE
- $color- Deep Blush
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryGreenE1ABCD.png)
Hex code #E1ABCD
- rgb(225,171,205)
- cmyk(9%,38%,0%,0%)
- #E1ABCD
- $color-Orchid
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryGreen97A1D1.png)
Hex code #97A1D1
- rgb(151,161,209)
- cmyk(41%,33%,0%,0%)
- #97A1D1
- $color-Polo Blue
![](http://icnasisters.org/wp-content/uploads/2022/02/SecondaryComplementaryGreenC0A6D0.png)
Hex code #C0A6D0
- rgb(192,166,208)
- cmyk(23%,35%,0%,0%)
- #C0A6D0
- $color-East Side
Background Colors
![](http://icnasisters.org/wp-content/uploads/2022/02/BackgroundColorWhite-1.png)
Hex code #FFFFFF
- rgb(255,255,255)
- cmyk(0%,0%,0%,0%)
- #FFFFFF
- $color- White
![](http://icnasisters.org/wp-content/uploads/2022/02/BackgroundColorE6E7E8.png)
Hex code #E6E7E8
- rgb(230,231,232)
- cmyk(8%,6%,6%,0%)
- #E6E7E8
- $color-Iron
![](http://icnasisters.org/wp-content/uploads/2022/02/BackgroundColorF6F7DB.png)
Hex code #F6F7DB
- rgb(246,247,219)
- cmyk(3%,0%,16%,0%)
- #F6F7DB
- $color-Coconut Green
![](http://icnasisters.org/wp-content/uploads/2022/02/BackgroundColorE4F2E7.png)
Hex code #E4F2E7
- rgb(228,242,231)
- cmyk(10%,0%,10%,0%)
- #E4F2E7
- $color-Harp
Heading & Sub Heading Text Color
![](http://icnasisters.org/wp-content/uploads/2022/02/HeadingColor1B4C32.png)
Hex code #1B4C32
- rgb(27,76,50)
- cmyk(85%,43%,84%,46%)
- #1B4C32
- $color-Everglade
![](http://icnasisters.org/wp-content/uploads/2022/02/HeadingColor654334.png)
Hex code #654334
- rgb(101,67,52)
- cmyk(44%,66%,73%,42%)
- #654334
- $color-Quincy
![](http://icnasisters.org/wp-content/uploads/2022/02/BackgroundColorWhite-1.png)
Hex code #FFFFFF
- rgb(255,255,255)
- cmyk(0%,0%,0%,0%)
- #FFFFFF
- $color- White
Body Text Color
![](http://icnasisters.org/wp-content/uploads/2022/02/BodyTextColor1F2022.png)
Hex code #1F2022
- rgb(31,32,34)
- cmyk(74%,67%,63%,73%)
- #1F2022
- $color-Shark
![](http://icnasisters.org/wp-content/uploads/2022/02/BackgroundColorWhite-1.png)
Hex code #FFFFFF
- rgb(255,255,255)
- cmyk(0%,0%,0%,0%)
- #FFFFFF
- $color- White
Example
![](http://icnasisters.org/wp-content/uploads/2022/02/HeadingColor1B4C32Text.png)
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
![HeadingExample](http://icnasisters.org/wp-content/uploads/2022/02/HeadingExample.png)
Dos
![DosHeading1](http://icnasisters.org/wp-content/uploads/2022/02/DosHeading1.png)
![DosHeading2](http://icnasisters.org/wp-content/uploads/2022/02/DosHeading2.png)
![DosHeading4](http://icnasisters.org/wp-content/uploads/2022/02/DosHeading4.png)
Don’ts
![DontExample1](http://icnasisters.org/wp-content/uploads/2022/02/DontExample1.png)
![DontExample2](http://icnasisters.org/wp-content/uploads/2022/02/DontExample2.png)
![DontExample3](http://icnasisters.org/wp-content/uploads/2022/02/DontExample3.png)
Brand | Typography
![Typography](http://icnasisters.org/wp-content/uploads/2022/02/Typography.png)
Brand | Typography | Dos & Don'ts
![TypographyDosDonts](http://icnasisters.org/wp-content/uploads/2022/02/TypographyDosDonts.png)
Brand | Social Media Size Guide
![SocialMediaSizeGuide](http://icnasisters.org/wp-content/uploads/2022/02/SocialMediaSizeGuide.png)
![SocialMediaSizeGuideInstagram](http://icnasisters.org/wp-content/uploads/2022/02/SocialMediaSizeGuideInstagram.png)
![SocialMediaSizeGuideYoutube](http://icnasisters.org/wp-content/uploads/2022/02/SocialMediaSizeGuideYoutube.png)
Brand | Application Examples
![BrandApplicationExample1](http://icnasisters.org/wp-content/uploads/2022/02/BrandApplicationExample1.png)
![BrandApplicationExample2](http://icnasisters.org/wp-content/uploads/2022/02/BrandApplicationExample2.png)