Color

The colors in our palette stem from the reliability of our product and the authenticity of our team. They enhance the user’s experience, from the connection we make through marketing to the way they engage with our product.

Psst. The original Help Scout palette can be found here.


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
#1292EE
100
#F3FBFF
200
#D6EDFF
300
#A0D4FF
400
#57B0FB
500
#1292EE
600
#0077CC
700
#005CA4
800
#034077
900
#002651
Charcoal
500
#405261
200
#93A1B0
300
#748494
400
#556575
500
#405261
600
#314351
700
#253642
800
#1d2b36
Ash
500
#D5DCE1
200
#F9FAFA
300
#F1F3F5
400
#E5E9EC
500
#D5DCE1
600
#C5CED6
700
#B7C2CC
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.

Gold
500
#FFC555
100
#FFF9EF
200
#FFF2D7
300
#FFE7B8
400
#FDD88E
500
#FFC555
600
#FAB347
700
#E89635
800
#CE7129
900
#B24319
Green
500
#56C288
100
#F5FFF9
200
#E3fBEE
300
#C2F0D7
400
#87DBAE
500
#56C288
600
#39AC6E
700
#268C55
800
#106236
900
#003C1C
Pink
500
#FFB3C3
100
#FFF9FB
200
#FFEEF1
300
#FFE1E7
400
#FFCCD7
500
#FFB3C3
600
#FD9AAE
700
#FF819A
800
#FC5D7D
900
#F23459
Lavender
500
#9FA6FF
100
#F9F9FF
200
#EBECFF
300
#D9DCFD
400
#B9BEFF
500
#9FA6FF
600
#818AEC
700
#6269C5
800
#404996
900
#232A5C
Indigo
500
#527CEB
100
#F2F6FF
200
#DFE7FF
300
#B2C8FB
400
#79A1F8
500
#527CEB
600
#3B64D2
700
#2549A8
800
#16337F
900
#071E57
Whale Tail
500
#8AABF1
100
#F3F7FF
200
#E5EDFE
300
#D0DEFD
400
#AFC7F9
500
#8AABF1
600
#7296E1
700
#5174BB
800
#304F8B
900
#142F5E