Foundations
Color
We use colors purposefully to communicate how things function in the interface, how they relate to other elements, and their level of prominence.
Color palletes
Gradient Green
GG100
#01CF6C
GG200
#02CD9C
Gradient Violet
GV100
#18DC9B
GV200
#6E54EF
Gradient Orange
GO100
#FF7A00
GO200
#FF3E65
Gradient Red
GR100
#FF4062
GR200
#FF00B8
Gradient Tosca
GT100
#00CC9B
GT200
#017CFF
Gradient Blue
GB100
#007BFF
B200
#00C1EB
Gradient Purple
GP100
#FA00B4
GP200
#7600D2
Gradient Light Blue
GL100
#E7F2FF
GL200
#D9EAFE
Tier gradient
Gradient Silver
GTS100
#47506F
GTS200
#CBD6EC
Gradient Gold
GTGO100
#614500
GTGO200
#EBBF4F
Gradient Platinum
GTP100
#0F0F0F
GTP200
#838990
Gradient Diamond
GTD100
#000208
GTD200
#1258C9
Color palletes
Gradient Green
GG100
#01CF6C
GG200
#02CD9C
Gradient Violet
GV100
#18DC9B
GV200
#6E54EF
Gradient Orange
GO100
#FF7A00
GO200
#FF3E65
Gradient Red
GR100
#FF4062
GR200
#FF00B8
Gradient Tosca
GT100
#00CC9B
GT200
#017CFF
Gradient Blue
GB100
#007BFF
B200
#00C1EB
Gradient Purple
GP100
#FA00B4
GP200
#7600D2
Gradient Light Blue
GL100
#E7F2FF
GL200
#D9EAFE
Tier gradient
Gradient Silver
GTS100
#47506F
GTS200
#CBD6EC
Gradient Gold
GTGO100
#614500
GTGO200
#EBBF4F
Gradient Platinum
GTP100
#0F0F0F
GTP200
#838990
Gradient Diamond
GTD100
#000208
GTD200
#1258C9
Color palletes
Gradient Green
GG100
#01CF6C
GG200
#02CD9C
Gradient Violet
GV100
#18DC9B
GV200
#6E54EF
Gradient Orange
GO100
#FF7A00
GO200
#FF3E65
Gradient Red
GR100
#FF4062
GR200
#FF00B8
Gradient Tosca
GT100
#00CC9B
GT200
#017CFF
Gradient Blue
GB100
#007BFF
B200
#00C1EB
Gradient Purple
GP100
#FA00B4
GP200
#7600D2
Gradient Light Blue
GL100
#E7F2FF
GL200
#D9EAFE
Tier gradient
Gradient Silver
GTS100
#47506F
GTS200
#CBD6EC
Gradient Gold
GTGO100
#614500
GTGO200
#EBBF4F
Gradient Platinum
GTP100
#0F0F0F
GTP200
#838990
Gradient Diamond
GTD100
#000208
GTD200
#1258C9
