Colors

Semantic

Text

primary

secondary

tertiary

disabled

danger

Base

border

divider

background

backgroundHover

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

Charts

blue

base

light

yellow

base

light

purple

base

light

green

base

light

orange

base

light

brown

base

light

pink

base

light

red

base

light

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

Charts

blue

200

400

base

light

yellow

200

400

base

light

purple

200

400

base

light

green

200

400

base

light

orange

200

400

base

light

brown

200

400

base

light

pink

200

400

base

light

red

200

400

base

light

On this page

  • Semantic
  • Primitives