xs
sm
md
lg
2xl
3xl
circle
white
#ffffff
black
#000000
gray
25
#fcfcfd
50
#f9fafb
100
#f2f4f7
200
#e4e7ec
300
#d0d5dd
400
#98a2b3
500
#667085
600
#475467
700
#344054
800
#1d2939
900
#101828
purple
25
#fafaff
50
#f4f3ff
100
#ebe9fe
200
#d9d6fe
300
#bdb4fe
400
#9b8afb
500
#7a5af8
600
#6938ef
700
#5925dc
800
#4A1FB8
900
#3E1C96
red
25
#fffbfa
50
#fef3f2
100
#fee4e2
200
#fecdca
300
#fda29b
400
#f97066
500
#f04438
600
#d92d20
700
#b42318
yellow
25
#fffcf5
50
#fffaeb
100
#fef0c7
200
#fedf89
300
#fec84b
400
#fdb022
500
#f79009
600
#dc6803
700
#b54708
800
#93370D
900
#7A2E0E
green
25
#f6fef9
50
#ecfdf3
100
#d1fadf
200
#a6f4c5
300
#6ce9a6
400
#32d583
500
#12b76a
600
#039855
700
#027a48
blue
25
#f5faff
50
#eff8ff
100
#d1e9ff
200
#b2ddff
300
#84caff
400
#53b1fd
500
#2e90fa
600
#1570ef
700
#175cd3
pink
25
#fef6fb
50
#fdf2fa
100
#fce7f6
200
#fcceee
300
#faa7e0
400
#f670c7
500
#ee46bc
600
#dd2590
700
#c11574
opacity
0
rgba(0, 0, 0, 0)
60
rgba(0, 0, 0, 0.6)
theme
darkest
default
medium
light
lightest
fg
neutral
prominent
default
muted
disabled
accent
active
hover
hover-light
disabled
onActive
success
default
onMuted
onDefault
warning
default
onMuted
onDefault
error
default
onMuted
onDefault
bg
neutral
default
hover
muted
subtle
disabled
transparent
accent
active
hover
hover-light
muted
subtle
success
default
muted
warning
default
muted
error
default
muted
border
default
hover
active
error
negative
xs
sm
md
lg
xl
2xl
3xl
accent
muted
error
inter
12
14
16
18
20
24
30
36
48
60
72
normal
medium
semiBold
bold
display
text
18
20
24
28
30
32
36
38
44
60
72
90
0
12
14
16
18
20
24
28
30
32
36
38
48
60
72
none
none
underline
display
2xl
normal
semiBold
bold
xl
normal
semiBold
bold
lg
normal
semiBold
bold
md
normal
semiBold
bold
sm
normal
semiBold
bold
xs
normal
semiBold
bold
text
xl
normal
medium
bold
lg
normal
medium
bold
md
normal
medium
bold
sm
normal
medium
bold
xs
normal
medium
bold