white

#ffffff

black

#1e1e1e

gray-50

#f7f7f7

gray-900

#242424

blue-100

#dcf2ff

default

#ffffff

neutral-bold

#484342

neutral-elevated

#766d6b

neutral

#b8aca8

neutral-muted

#ece4e0

neutral-subtle

#f9f1f1

neutral-subtle-60

#f9f1f199

brand-primary

#1565c0

brand-primary-hover

#1658a3

brand-primary-muted

#d1e4ff

brand-primary-subtle

#e5f0ff

brand-primary-subtle-2

#f0f6ff

brand-secondary-muted

#f8e7ee

brand-secondary-subtle

#fbf2f5

brand-accent

#fcf4f2

brand-accent-muted

#fcf8f8

brand-accent-strong

#fbecea

strong

#710f37

disabled

#e6e6e6

disabled-subtle

#f5f5f5

success

#0a7a28

success-subtle

#f0faf3

warning

#ee750c

warning-subtle

#fff1e5

error

#ae4527

error-subtle

#feeeea

info

#1565c0

info-subtle

#f5f9ff

white-10

#ffffff1a

white-20

#ffffff33

white-40

#ffffff66

white-60

#ffffff99

white-95

#ffffffd9

text-default

#141414

text-inverted

#ffffff

text-muted

#484342

text-subtle

#766d6b

text-emphasized

#1565c0

text-disabled

#767676

text-placeholder

#766d6b

text-success

#0a7a28

text-success-inverted

#a8e6b8

text-warning

#794317

text-warning-inverted

#ffe8d6

text-error

#ae4527

text-error-inverted

#f3d2c9

text-info

#003460

border-default

#b8aca8

border-inverted

#ffffff

border-muted

#dcd3d0

border-subtle

#ece4e0

border-elevated

#766d6b

border-disabled

#d6d6d6

border-primary

#2196f3

border-primary-muted

#d1e4ff

border-primary-subtle

#e5f0ff

border-secondary

#eba2a2

border-warning-subtle

#ffb981

border-success-subtle

#5eca7d

border-error

#f0b4a3

border-error-subtle

#f3d2c9

border-info-subtle

#90caf9

border-white-30

#ffffff4d

overlay-dark

#00000066

overlay-light

#ffffff66

focus

#2196f3