Colors

Color distinguishes our brand and helps us create consistent experiences across products.

Main Colors

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




Color Levels

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