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.
Gradient color
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