emotion

The Emotion token group defines colors and styles for validation states and alerts, such as success, error, and warning.

emotion-informative

emotion / informative

#0052ad

state-default

#005cc2

state-hover

#0066d8

state-active

#f2f7fd

background-subtle

#0052ad

background-basic

#fdfdfc

content-subtle

#00428c

content-basic

#80b2eb

border-subtle

#0052ad

border-basic

emotion-success

emotion / success

#327c3f

state-default

#388b47

state-hover

#3e9b4f

state-active

#f5faf6

background-subtle

#327c3f

background-basic

#fdfdfc

content-subtle

#286533

content-basic

#9ecda7

border-subtle

#327c3f

border-basic

emotion-warning

emotion / warning

#c26400

state-default

#da7100

state-hover

#f27d00

state-active

#fef8f2

background-subtle

#c26400

background-basic

#fdfdfc

content-subtle

#9d5100

content-basic

#f9be80

border-subtle

#c26400

border-basic

emotion-danger

emotion / danger

#b60000

state-default

#cd0000

state-hover

#e40000

state-active

#fef2f2

background-subtle

#b60000

background-basic

#fdfdfc

content-subtle

#940000

content-basic

#f18080

border-subtle

#b60000

border-basic