Color distinguishes our brand and helps us create consistent experiences across products.
Each "main color" corresponds to the level "500" of the respective color.
Green
#00C2CE
Terminal
#5FFFD7
Blue
#318DFF
Purple
#6200EE
Magenta
#E549FF
Red
#EB5757
Orange
#F08727
Yellow
#FCDB17
Green
50
#E6F9FA
100
#B0ECF0
200
#8AE3E8
300
#54D6DE
400
#33CED8
500
#00C2CE
600
#00B1BB
700
#008A92
800
#006B71
900
#005157
Blue
50
#EAF4FF
100
#BFDCFF
200
#A0CBFF
300
#75B3FF
400
#5AA4FF
500
#318DFF
600
#2D80E8
700
#2364B5
800
#1B4E8C
900
#153B6B
Purple
50
#EFE6FD
100
#CEB0FA
200
#B78AF7
300
#9654F4
400
#8133F1
500
#6200EE
600
#5900D9
700
#4600A9
800
#360083
900
#290064
Magenta
50
#FCEDFF
100
#F7C7FF
200
#F3ABFF
300
#EE85FF
400
#EA6DFF
500
#E549FF
600
#D042E8
700
#A334B5
800
#7E288C
900
#601F6B
Red
50
#FDEEEE
100
#F9CBCB
200
#F6B2B2
300
#F28E8E
400
#EF7979
500
#EB5757
600
#D64F4F
700
#A73E3E
800
#813030
900
#632525
Orange
50
#FEF3E9
100
#FADABC
200
#F8C89C
300
#F5AF6E
400
#F39F52
500
#F08727
600
#DA7B23
700
#AA601C
800
#844A15
900
#653910
Yellow
50
#FFFBE8
100
#FEF4B7
200
#FEEE94
300
#FDE764
400
#FDE245
500
#FCDB17
600
#E5C715
700
#B39B10
800
#8B780D
900
#6A5C0A
Grey Light
50
#FCFCFC
100
#FAFAFA
200
#F1F3F3
300
#E9EBEC
400
#DFE1E2
500
#C9CDCF
600
#AEB3B6
700
#939B9F
800
#868E93
900
#757E84
Grey Dark
50
#989FA3
100
#788187
200
#484D51
300
#3E4347
400
#323639
500
#282C2F
600
#1E2224
700
#151819
800
#060708
900
#000000