Color 1.0

Below is the original version of the Help Scout color palette. Once we complete the rollout for the new brand palette this page will be removed.


Primary Colors

The primary colors are the core, used to define our brand. They should be used predominately to portray Help Scout throughout the app and in marketing our product.

Blue
500
#3197D6
100
#F7FCFE
200
#D5EFFF
300
#AEDFFF
400
#71BFF1
500
#3197D6
600
#237AB3
700
#1F5E89
800
#194C6E
900
#143D57
Charcoal
500
#394956
200
#93A1AF
300
#72808E
400
#4F5D68
500
#394956
600
#2A3B47
700
#253540
800
#1D2B36
Grey
500
#D6DDE3
200
#F9FAFA
300
#F1F3F5
400
#E3E8EB
500
#D6DDE3
600
#C1CBD4
700
#B4C0CA
800
#A5B2BD

Secondary Colors

The secondary palette allows us to push our boundries, while staying within the consistency of our brand guides. The secondary colors should be used to distinguish our products, allowing them to be unique but still remain a part of our family.

Yellow
500
#FFC646
100
#FFFDF6
200
#FFF6E2
300
#FFE8B5
400
#FFD56D
500
#FFC646
600
#F5B126
700
#D79400
800
#B37100
900
#875200
Green
500
#4BC27D
100
#FAFDFB
200
#E4FBE6
300
#C4F0CE
400
#81DC9E
500
#4BC27D
600
#3CB170
700
#359E64
800
#288252
900
#26623F
Red
500
#E52F28
100
#FEF7F6
200
#FFE3E2
300
#FFA2A2
400
#F45B55
500
#E52F28
600
#D21B14
700
#BA1F19
800
#9D1F1A
900
#731814
Purple
500
#7F83E4
100
#FBFBFE
200
#EAEAFB
300
#D1D3F5
400
#A3A6F1
500
#7F83E4
600
#6A6DC7
700
#45477B
800
#45477B
900
#383A65
Orange
500
#FF9139
100
#FFF8F2
200
#FFEAD9
300
#FFD3B0
400
#FFA761
500
#FF9139
600
#E6781E
700
#C56414
800
#A35312
900
#803C05