Colors

Semantic

Backgrounds

default

screen

subtle

element

hover

selected

overlay

success

warning

danger

info

Borders

default

secondary

success

warning

danger

info

Text colors

T

default

T

secondary

T

tertiary

T

quaternary

T

success

T

warning

T

danger

T

info

Palette

red1

red2

red3

red4

red5

red6

red7

red8

red9

red10

red11

red12

orange1

orange2

orange3

orange4

orange5

orange6

orange7

orange8

orange9

orange10

orange11

orange12

yellow1

yellow2

yellow3

yellow4

yellow5

yellow6

yellow7

yellow8

yellow9

yellow10

yellow11

yellow12

green1

green2

green3

green4

green5

green6

green7

green8

green9

green10

green11

green12

blue1

blue2

blue3

blue4

blue5

blue6

blue7

blue8

blue9

blue10

blue11

blue12

purple1

purple2

purple3

purple4

purple5

purple6

purple7

purple8

purple9

purple10

purple11

purple12

pink1

pink2

pink3

pink4

pink5

pink6

pink7

pink8

pink9

pink10

pink11

pink12

gray1

gray2

gray3

gray4

gray5

gray6

gray7

gray8

gray9

gray10

gray11

gray12

Project background colors

cyan

light-blue

dark-blue

indigo

purple

pink

orange

gold

yellow

lime

light-green

dark-green