Colors

Semantic

Text

primary

secondary

tertiary

disabled

danger

Base

border

divider

background

lightBackground

Primary

pressed

hover

base

border

background

Success

base

border

background

Warning

base

border

background

Danger

dark

hover

base

border

background

Upsell

dark

hover

base

border

background

Link

pressed

hover

default

Brand

black

accent

Primitives

pink

50

100

200

300

400

500

600

700

800

900

base

border

background

red

50

100

200

300

400

500

600

700

800

900

base

border

background

orange

50

100

200

300

400

500

600

700

800

900

base

border

background

yellow

50

100

200

300

400

500

600

700

800

900

base

border

background

green

50

100

200

300

400

500

600

700

800

900

base

border

background

teal

50

100

200

300

400

500

600

700

800

900

dark

hover

base

border

background

blue

50

100

200

300

400

500

600

700

800

900

base

border

background

purple

50

100

200

300

400

500

600

700

800

900

base

border

background

indigo

50

100

200

300

400

500

600

700

800

900

base

border

background

gray

50

100

200

300

400

500

600

700

800

900

base

border

background

blackAlpha

4

8

12

16

20

40

60

80

100

whiteAlpha

4

8

12

16

20

40

60

80

100