Variables

978 tokens — generated from style-tokens.ts. Browse by collection on the left.

primitive / figmaStyles / base · 4

Name	Value
`white`	`#ffffffff`
`dark1`	`#0b0c0eff`
`transparent`	`#ffffff00`
`dark0`	`#000000ff`

primitive / figmaStyles / blue · 24

Name	Value
`1`	`#f0f4feff`
`2`	`#e3eafdff`
`3`	`#ccd9faff`
`4`	`#b4c7f8ff`
`5`	`#93aff6ff`
`6`	`#7196f4ff`
`7`	`#5984f2ff`
`8`	`#4778f5ff`
`9`	`#1d54e2ff`
`10`	`#1a4ac7ff`
`11`	`#133a9aff`
`12`	`#07296aff`
`13`	`#03153aff`
`1a`	`#3368f01a`
`2a`	`#3368f026`
`3a`	`#3368f033`
`4a`	`#3368f040`
`5a`	`#3368f04d`
`6a`	`#3368f066`
`7a`	`#3368f080`
`8a`	`#3368f099`
`9a`	`#3368f0b3`
`10a`	`#3368f0cc`
`11a`	`#3368f0e6`

primitive / figmaStyles / gray · 26

Name	Value
`1`	`#f7f7f8ff`
`2`	`#e9eaecff`
`3`	`#dee0e3ff`
`4`	`#c8cad0ff`
`5`	`#babdc5ff`
`6`	`#9ea2adff`
`7`	`#7e869aff`
`8`	`#717684ff`
`9`	`#5e636eff`
`10`	`#464a53ff`
`11`	`#333333ff`
`12`	`#1f2228ff`
`13`	`#14151aff`
`1a`	`#0a0f290a`
`2a`	`#0a0f2914`
`3a`	`#0a0f2924`
`4a`	`#0a0f2933`
`5a`	`#0a0f2940`
`6a`	`#0a0f294d`
`7a`	`#0d112666`
`8a`	`#0f132480`
`9a`	`#0f132499`
`10a`	`#0f1324b3`
`11a`	`#0f1324cc`
`12a`	`#0f1324e6`
`13a`	`#0f1324f2`

primitive / figmaStyles / green · 24

Name	Value
`1`	`#edfdf4ff`
`2`	`#d1fae4ff`
`3`	`#c3f8dcff`
`4`	`#9af4c3ff`
`5`	`#8ce8b6ff`
`6`	`#6ae1a1ff`
`7`	`#40d986ff`
`8`	`#26bd6cff`
`9`	`#21a65eff`
`10`	`#1d9052ff`
`11`	`#166e3fff`
`12`	`#0f4c2cff`
`13`	`#072213ff`
`1a`	`#26bd6c1a`
`2a`	`#26bd6c26`
`3a`	`#26bd6c33`
`4a`	`#26bd6c40`
`5a`	`#26bd6c4d`
`6a`	`#26bd6c66`
`7a`	`#26bd6c80`
`8a`	`#26bd6c99`
`9a`	`#26bd6cb3`
`10a`	`#26bd6ccc`
`11a`	`#26bd6ce6`

primitive / figmaStyles / orange · 24

Name	Value
`1`	`#fef4ecff`
`2`	`#fdead8ff`
`3`	`#fcddc0ff`
`4`	`#fad0a9ff`
`5`	`#f9c594ff`
`6`	`#f8b577ff`
`7`	`#f6a355ff`
`8`	`#f48e2fff`
`9`	`#e9760cff`
`10`	`#d56c0bff`
`11`	`#ae590aff`
`12`	`#613105ff`
`13`	`#301903ff`
`1a`	`#f48e2f1a`
`2a`	`#f48e2f26`
`3a`	`#f48e2f33`
`4a`	`#f48e2f40`
`5a`	`#f48e2f4d`
`6a`	`#f48e2f66`
`7a`	`#f48e2f80`
`8a`	`#f48e2f99`
`9a`	`#f48e2fb3`
`10a`	`#f48e2fcc`
`11a`	`#f48e2fe6`

primitive / figmaStyles / purple · 24

Name	Value
`1`	`#f7f1fdff`
`2`	`#ecdffbff`
`3`	`#e1cdf9ff`
`4`	`#d8c0f7ff`
`5`	`#cdaef4ff`
`6`	`#b78af0ff`
`7`	`#a265ebff`
`8`	`#924fe8ff`
`9`	`#741de2ff`
`10`	`#6619c7ff`
`11`	`#5314a3ff`
`12`	`#3a0f71ff`
`13`	`#1c0736ff`
`1a`	`#873de61a`
`2a`	`#873de626`
`3a`	`#873de633`
`4a`	`#873de640`
`5a`	`#873de64d`
`6a`	`#873de666`
`7a`	`#873de680`
`8a`	`#873de699`
`9a`	`#873de6b3`
`10a`	`#873de6cc`
`11a`	`#873de6e6`

primitive / figmaStyles / red · 24

Name	Value
`1`	`#fdf2f1ff`
`2`	`#fce5e4ff`
`3`	`#f9d4d2ff`
`4`	`#f7c3c0ff`
`5`	`#f5b2adff`
`6`	`#f08b85ff`
`7`	`#eb6960ff`
`8`	`#e6483dff`
`9`	`#d9281cff`
`10`	`#be2318ff`
`11`	`#9a1c13ff`
`12`	`#64120dff`
`13`	`#360a07ff`
`1a`	`#e6483d1a`
`2a`	`#e6483d26`
`3a`	`#e6483d33`
`4a`	`#e6483d40`
`5a`	`#e6483d4d`
`6a`	`#e6483d66`
`7a`	`#e6483d80`
`8a`	`#e6483d99`
`9a`	`#e6483db3`
`10a`	`#e6483dcc`
`11a`	`#e6483de6`

primitive / figmaStyles / white · 13

Name	Value
`1`	`#ffffff14`
`2`	`#ffffff24`
`3`	`#ffffff2e`
`4`	`#ffffff3d`
`5`	`#ffffff52`
`6`	`#ffffff66`
`7`	`#ffffff75`
`8`	`#ffffff80`
`9`	`#ffffff99`
`10`	`#ffffffb3`
`11`	`#ffffffcc`
`12`	`#ffffffe6`
`13`	`#fffffff2`

primitive / palette / base · 4

Name	Value
`white`	`#ffffffff`
`dark1`	`#0b0c0eff`
`transparent`	`#ffffff00`
`dark0`	`#000000ff`

primitive / palette / blue · 24

Name	Value
`1`	`#f0f4feff`
`2`	`#e3eafdff`
`3`	`#ccd9faff`
`4`	`#b4c7f8ff`
`5`	`#93aff6ff`
`6`	`#7196f4ff`
`7`	`#5984f2ff`
`8`	`#4778f5ff`
`9`	`#1d54e2ff`
`10`	`#1a4ac7ff`
`11`	`#133a9aff`
`12`	`#07296aff`
`13`	`#03153aff`
`1a`	`#3368f01a`
`2a`	`#3368f026`
`3a`	`#3368f033`
`4a`	`#3368f040`
`5a`	`#3368f04d`
`6a`	`#3368f066`
`7a`	`#3368f080`
`8a`	`#3368f099`
`9a`	`#3368f0b3`
`10a`	`#3368f0cc`
`11a`	`#3368f0e6`

primitive / palette / gray · 26

Name	Value
`1`	`#f7f7f8ff`
`2`	`#e9eaecff`
`3`	`#dee0e3ff`
`4`	`#c8cad0ff`
`5`	`#babdc5ff`
`6`	`#9ea2adff`
`7`	`#7e869aff`
`8`	`#717684ff`
`9`	`#5e636eff`
`10`	`#464a53ff`
`11`	`#333333ff`
`12`	`#1f2228ff`
`13`	`#14151aff`
`1a`	`#0a0f290a`
`2a`	`#0a0f2914`
`3a`	`#0a0f2924`
`4a`	`#0a0f2933`
`5a`	`#0a0f2940`
`6a`	`#0a0f294d`
`7a`	`#0d112666`
`8a`	`#0f132480`
`9a`	`#0f132499`
`10a`	`#0f1324b3`
`11a`	`#0f1324cc`
`12a`	`#0f1324e6`
`13a`	`#0f1324f2`

primitive / palette / green · 24

Name	Value
`1`	`#edfdf4ff`
`2`	`#d1fae4ff`
`3`	`#c3f8dcff`
`4`	`#9af4c3ff`
`5`	`#8ce8b6ff`
`6`	`#6ae1a1ff`
`7`	`#40d986ff`
`8`	`#26bd6cff`
`9`	`#21a65eff`
`10`	`#1d9052ff`
`11`	`#166e3fff`
`12`	`#0f4c2cff`
`13`	`#072213ff`
`1a`	`#26bd6c1a`
`2a`	`#26bd6c26`
`3a`	`#26bd6c33`
`4a`	`#26bd6c40`
`5a`	`#26bd6c4d`
`6a`	`#26bd6c66`
`7a`	`#26bd6c80`
`8a`	`#26bd6c99`
`9a`	`#26bd6cb3`
`10a`	`#26bd6ccc`
`11a`	`#26bd6ce6`

primitive / palette / orange · 24

Name	Value
`1`	`#fef4ecff`
`2`	`#fdead8ff`
`3`	`#fcddc0ff`
`4`	`#fad0a9ff`
`5`	`#f9c594ff`
`6`	`#f8b577ff`
`7`	`#f6a355ff`
`8`	`#f48e2fff`
`9`	`#e9760cff`
`10`	`#d56c0bff`
`11`	`#ae590aff`
`12`	`#613105ff`
`13`	`#301903ff`
`1a`	`#f48e2f1a`
`2a`	`#f48e2f26`
`3a`	`#f48e2f33`
`4a`	`#f48e2f40`
`5a`	`#f48e2f4d`
`6a`	`#f48e2f66`
`7a`	`#f48e2f80`
`8a`	`#f48e2f99`
`9a`	`#f48e2fb3`
`10a`	`#f48e2fcc`
`11a`	`#f48e2fe6`

primitive / palette / purple · 24

Name	Value
`1`	`#f7f1fdff`
`2`	`#ecdffbff`
`3`	`#e1cdf9ff`
`4`	`#d8c0f7ff`
`5`	`#cdaef4ff`
`6`	`#b78af0ff`
`7`	`#a265ebff`
`8`	`#924fe8ff`
`9`	`#741de2ff`
`10`	`#6619c7ff`
`11`	`#5314a3ff`
`12`	`#3a0f71ff`
`13`	`#1c0736ff`
`1a`	`#873de61a`
`2a`	`#873de626`
`3a`	`#873de633`
`4a`	`#873de640`
`5a`	`#873de64d`
`6a`	`#873de666`
`7a`	`#873de680`
`8a`	`#873de699`
`9a`	`#873de6b3`
`10a`	`#873de6cc`
`11a`	`#873de6e6`

primitive / palette / red · 24

Name	Value
`1`	`#fdf2f1ff`
`2`	`#fce5e4ff`
`3`	`#f9d4d2ff`
`4`	`#f7c3c0ff`
`5`	`#f5b2adff`
`6`	`#f08b85ff`
`7`	`#eb6960ff`
`8`	`#e6483dff`
`9`	`#d9281cff`
`10`	`#be2318ff`
`11`	`#9a1c13ff`
`12`	`#64120dff`
`13`	`#360a07ff`
`1a`	`#e6483d1a`
`2a`	`#e6483d26`
`3a`	`#e6483d33`
`4a`	`#e6483d40`
`5a`	`#e6483d4d`
`6a`	`#e6483d66`
`7a`	`#e6483d80`
`8a`	`#e6483d99`
`9a`	`#e6483db3`
`10a`	`#e6483dcc`
`11a`	`#e6483de6`

primitive / palette / white · 13

Name	Value
`1`	`#ffffff14`
`2`	`#ffffff24`
`3`	`#ffffff2e`
`4`	`#ffffff3d`
`5`	`#ffffff52`
`6`	`#ffffff66`
`7`	`#ffffff75`
`8`	`#ffffff80`
`9`	`#ffffff99`
`10`	`#ffffffb3`
`11`	`#ffffffcc`
`12`	`#ffffffe6`
`13`	`#fffffff2`

gradients / solid / 01 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

gradients / solid / 02 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

gradients / solid / 03 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

gradients / solid / 04 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

gradients / solid / 05 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

gradients / solid / 06 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

gradients / solid / 07 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

gradients / solid / 08 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

gradients / solid / 09 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

gradients / solid / 10 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

gradients / solid / 11 · 2

Name	Value
`gradientType`	`linear`
`rotation`	`180`

semantic / theme / background / accent · 19

Name	Value
`gray`	`palette/gray/13#14151aff`
`grayAccent`	`palette/gray/9#5e636eff`
`blue`	`palette/blue/13#03153aff`
`blueAccent`	`palette/blue/9#1d54e2ff`
`green`	`palette/green/13#072213ff`
`greenAccent`	`palette/green/9#21a65eff`
`orange`	`palette/orange/13#301903ff`
`orangeAccent`	`palette/orange/9#e9760cff`
`red`	`palette/red/13#360a07ff`
`redAccent`	`palette/red/9#d9281cff`
`purple`	`palette/purple/13#1c0736ff`
`purpleAccent`	`palette/purple/9#741de2ff`
`graySubtle`	`palette/gray/12#1f2228ff`
`blueSubtle`	`palette/blue/12#07296aff`
`greenSubtle`	`palette/green/12#0f4c2cff`
`orangeSubtle`	`palette/orange/12#613105ff`
`redSubtle`	`palette/red/12#64120dff`
`purpleSubtle`	`palette/purple/12#3a0f71ff`
`grayBold`	`palette/base/white#ffffffff`

semantic / theme / background / badge · 21

Name	Value
`gray`	`palette/white/3#ffffff2e`
`grayAccent`	`palette/gray/7#7e869aff`
`blue`	`palette/blue/5a#3368f04d`
`blueAccent`	`palette/blue/8#4778f5ff`
`green`	`palette/green/5a#26bd6c4d`
`greenAccent`	`palette/green/8#26bd6cff`
`orange`	`palette/orange/4a#f48e2f40`
`orangeAccent`	`palette/orange/8#f48e2fff`
`red`	`palette/red/5a#e6483d4d`
`redAccent`	`palette/red/8#e6483dff`
`purple`	`palette/purple/5a#873de64d`
`purpleAccent`	`palette/purple/8#924fe8ff`
`surface`	`palette/gray/12#1f2228ff`
`white`	`palette/base/white#ffffffff`
`blueDisabled`	`palette/blue/3a#3368f033`
`greenDisabled`	`palette/green/3a#26bd6c33`
`orangeDisabled`	`palette/orange/3a#f48e2f33`
`redDisabled`	`palette/red/3a#e6483d33`
`purpleDsiabled`	`palette/purple/3a#873de633`
`whiteDisabled`	`palette/white/6#ffffff66`
`grayDisabled`	`palette/white/2#ffffff24`

semantic / theme / background / button · 24

Name	Value
`primary`	`palette/gray/13#14151aff`
`primaryHover`	`palette/gray/12#1f2228ff`
`primaryDisabled`	`palette/gray/2#e9eaecff`
`secondary`	`palette/base/white#ffffffff`
`secondaryHover`	`palette/gray/1#f7f7f8ff`
`secondaryDisabled`	`palette/base/white#ffffffff`
`tertiary`	`palette/gray/1a#0a0f290a`
`tertiaryHover`	`palette/gray/2a#0a0f2914`
`tertiaryDisabled`	`palette/gray/1a#0a0f290a`
`ghost`	`palette/base/transparent#ffffff00`
`ghostHover`	`palette/gray/1a#0a0f290a`
`ghostDisabled`	`palette/base/transparent#ffffff00`
`destructive`	`palette/red/8#e6483dff`
`destructiveHover`	`palette/red/9#d9281cff`
`destructiveDisabled`	`palette/red/2#fce5e4ff`
`destructiveSecondary`	`palette/base/white#ffffffff`
`destructiveSecondaryHover`	`palette/red/1#fdf2f1ff`
`destructiveSecondaryDisabled`	`palette/base/white#ffffffff`
`destructiveTertiary`	`palette/red/1a#e6483d1a`
`destructiveTertiaryHover`	`palette/red/2a#e6483d26`
`destructiveTertiaryDisabled`	`palette/red/1a#e6483d1a`
`destructiveGhost`	`palette/base/transparent#ffffff00`
`destructiveGhostHover`	`palette/red/1a#e6483d1a`
`destructiveGhostDisabled`	`palette/base/transparent#ffffff00`

semantic / theme / background / checkbox · 3

Name	Value
`default`	`palette/gray/12#1f2228ff`
`checked`	`palette/purple/8#924fe8ff`
`disabled`	`palette/gray/11#333333ff`

semantic / theme / background / chip · 8

Name	Value
`primary`	`palette/base/dark1#0b0c0eff`
`primaryHover`	`palette/gray/13#14151aff`
`primaryActive`	`palette/base/dark1#0b0c0eff`
`primaryDisabled`	`palette/base/dark1#0b0c0eff`
`secondary`	`palette/white/1#ffffff14`
`secondaryHover`	`palette/white/2#ffffff24`
`secondaryActive`	`palette/white/1#ffffff14`
`secondaryDisabled`	`palette/white/1#ffffff14`

semantic / theme / background / input · 4

Name	Value
`normal`	`palette/base/white#ffffffff`
`hover`	`palette/base/white#ffffffff`
`focus`	`palette/base/white#ffffffff`
`disabled`	`palette/gray/1#f7f7f8ff`

semantic / theme / background / overlay · 5

Name	Value
`normal`	`#0a0f2900`
`hover`	`palette/gray/2a#0a0f2914`
`activeNormal`	`palette/gray/2a#0a0f2914`
`activeHover`	`palette/gray/3a#0a0f2924`
`custom`	`palette/gray/2a#0a0f2914`

semantic / theme / background / surface · 16

Name	Value
`default`	`palette/base/white#ffffffff`
`inverted`	`palette/base/dark1#0b0c0eff`
`neutralSubtle`	`palette/gray/1#f7f7f8ff`
`neutral`	`palette/base/white#ffffffff`
`destructive`	`palette/red/1#fdf2f1ff`
`destructiveSubtle`	`palette/red/2#fce5e4ff`
`destructiveAccent`	`palette/red/8#e6483dff`
`warning`	`#fef5ebff`
`warningSubtle`	`#fde6cdff`
`success`	`palette/green/1#edfdf4ff`
`successSubtle`	`palette/green/2#d1fae4ff`
`successAccent`	`palette/green/8#26bd6cff`
`warningAccent`	`palette/orange/8#f48e2fff`
`info`	`palette/blue/1#f0f4feff`
`infoSubtle`	`palette/blue/2#e3eafdff`
`infoAccent`	`palette/blue/8#4778f5ff`

semantic / theme / background / toggle · 8

Name	Value
`default`	`palette/gray/9#5e636eff`
`active`	`palette/green/8#26bd6cff`
`disabled`	`palette/gray/12#1f2228ff`
`handle`	`palette/base/white#ffffffff`
`handleDisabled`	`palette/gray/10#464a53ff`
`hover`	`palette/gray/8#717684ff`
`activeHover`	`palette/green/9#21a65eff`
`activeDisabled`	`palette/green/11#166e3fff`

semantic / theme / border / accent · 10

Name	Value
`green`	`palette/green/5a#26bd6c4d`
`orange`	`palette/orange/5a#f48e2f4d`
`red`	`palette/red/5a#e6483d4d`
`blue`	`palette/blue/5a#3368f04d`
`purple`	`palette/purple/5a#873de64d`
`blueAccent`	`palette/blue/8#4778f5ff`
`greenAccent`	`palette/green/8#26bd6cff`
`orangeAccent`	`palette/orange/8#f48e2fff`
`redAccent`	`palette/red/8#e6483dff`
`purpleAccent`	`palette/purple/8#924fe8ff`

semantic / theme / border / action · 16

Name	Value
`normal`	`palette/white/3#ffffff2e`
`hover`	`palette/white/4#ffffff3d`
`disabled`	`palette/white/2#ffffff24`
`destructiveHover`	`palette/red/5a#e6483d4d`
`destructiveDisabled`	`palette/red/3a#e6483d33`
`focus`	`palette/purple/8#924fe8ff`
`success`	`palette/green/4a#26bd6c40`
`warning`	`palette/orange/4a#f48e2f40`
`info`	`palette/blue/4a#3368f040`
`destructive`	`palette/red/4a#e6483d40`
`successHover`	`palette/green/5a#26bd6c4d`
`warningHover`	`palette/orange/5a#f48e2f4d`
`infoHover`	`palette/blue/5a#3368f04d`
`focusDestructive`	`palette/red/8#e6483dff`
`focusLight`	`palette/purple/6#b78af0ff`
`focusDestructiveLight`	`palette/red/6#f08b85ff`

semantic / theme / border / base · 13

Name	Value
`neutral`	`palette/white/3#ffffff2e`
`neutralSubtle`	`palette/white/4#ffffff3d`
`destructive`	`palette/red/4a#e6483d40`
`success`	`palette/green/4a#26bd6c40`
`warning`	`palette/orange/4a#f48e2f40`
`info`	`palette/blue/4a#3368f040`
`brand`	`palette/purple/4a#873de640`
`divider`	`palette/white/2#ffffff24`
`alpha`	`palette/white/2#ffffff24`
`surface`	`palette/base/dark1#0b0c0eff`
`inverted`	`palette/base/white#ffffffff`
`surfaceNeutral`	`palette/gray/13#14151aff`
`alphaWhite`	`palette/white/3#ffffff2e`

semantic / theme / border / select · 4

Name	Value
`primary`	`palette/purple/8#924fe8ff`
`secondary`	`palette/purple/4a#873de640`
`destructive`	`palette/red/8#e6483dff`
`destructiveSecondary`	`palette/red/4a#e6483d40`

semantic / theme / icon / accent · 25

Name	Value
`red`	`palette/red/9#d9281cff`
`redSecondary`	`palette/white/8#ffffff80`
`redTertiary`	`palette/white/5#ffffff52`
`green`	`palette/green/9#21a65eff`
`greenSecondary`	`palette/white/8#ffffff80`
`greenTertiary`	`palette/white/5#ffffff52`
`orange`	`palette/orange/9#e9760cff`
`orangeSecondary`	`palette/white/8#ffffff80`
`orangeTertiary`	`palette/white/5#ffffff52`
`blue`	`palette/blue/9#1d54e2ff`
`blueSecondary`	`palette/white/8#ffffff80`
`blueTertiary`	`palette/white/5#ffffff52`
`purple`	`palette/purple/9#741de2ff`
`purpleSecondary`	`palette/white/8#ffffff80`
`purpleTertiary`	`palette/white/5#ffffff52`
`redInverted`	`palette/base/white#ffffffff`
`greenInverted`	`palette/base/white#ffffffff`
`orangeInverted`	`palette/base/white#ffffffff`
`blueInverted`	`palette/base/white#ffffffff`
`purpleInverted`	`palette/base/white#ffffffff`
`blueAccent`	`palette/blue/8#4778f5ff`
`greenAccent`	`palette/green/8#26bd6cff`
`orangeAccent`	`palette/orange/8#f48e2fff`
`redAccent`	`palette/red/8#e6483dff`
`purpleAccent`	`palette/purple/8#924fe8ff`

semantic / theme / icon / base · 16

Name	Value
`primary`	`palette/base/white#ffffffff`
`secondary`	`palette/white/9#ffffff99`
`quaternary`	`palette/white/5#ffffff52`
`inverted`	`palette/base/dark1#0b0c0eff`
`invertedSecondary`	`palette/gray/9a#0f132499`
`invertedQuaternary`	`palette/gray/5a#0a0f2940`
`staticDark`	`palette/gray/13#14151aff`
`staticDarkSecondary`	`palette/gray/9a#0f132499`
`staticDarkQuaternary`	`palette/gray/5a#0a0f2940`
`staticWhite`	`palette/base/white#ffffffff`
`staticWhiteSecondary`	`palette/white/9#ffffff99`
`staticWhiteQuaternary`	`palette/white/5#ffffff52`
`tertiary`	`palette/white/7#ffffff75`
`invertedTertiary`	`palette/gray/7a#0d112666`
`staticDarkTertiary`	`palette/gray/7a#0d112666`
`staticWhiteTertiary`	`palette/white/7#ffffff75`

semantic / theme / icon / status · 12

Name	Value
`destructive`	`palette/red/8#e6483dff`
`destructiveSecondary`	`palette/red/9a#e6483db3`
`destructiveTertiary`	`palette/red/6a#e6483d66`
`success`	`palette/green/8#26bd6cff`
`successSecondary`	`palette/green/8a#26bd6c99`
`successTertiary`	`palette/green/5a#26bd6c4d`
`warning`	`palette/orange/8#f48e2fff`
`warningSecondary`	`palette/orange/8a#f48e2f99`
`warningTertiary`	`palette/orange/5a#f48e2f4d`
`info`	`palette/blue/8#4778f5ff`
`infoSecondary`	`palette/blue/8a#3368f099`
`infoTertiary`	`palette/blue/5a#3368f04d`

semantic / theme / semantic / brand · 24

Name	Value
`1`	`#f7f1fdff`
`2`	`#ecdffbff`
`3`	`#e1cdf9ff`
`4`	`#d8c0f7ff`
`5`	`#cdaef4ff`
`6`	`#b78af0ff`
`7`	`#a265ebff`
`8`	`#924fe8ff`
`9`	`#741de2ff`
`10`	`#6619c7ff`
`11`	`#5314a3ff`
`12`	`#3a0f71ff`
`13`	`#1c0736ff`
`1a`	`#873de61a`
`2a`	`#873de626`
`3a`	`#873de633`
`4a`	`#873de640`
`5a`	`#873de64d`
`6a`	`#873de666`
`7a`	`#873de680`
`8a`	`#873de699`
`9a`	`#873de6b3`
`10a`	`#873de6cc`
`11a`	`#873de6e6`

semantic / theme / semantic / informative · 24

Name	Value
`1`	`#f0f4feff`
`2`	`#e3eafdff`
`3`	`#ccd9faff`
`4`	`#b4c7f8ff`
`5`	`#93aff6ff`
`6`	`#7196f4ff`
`7`	`#5984f2ff`
`8`	`#4778f5ff`
`9`	`#1d54e2ff`
`10`	`#1a4ac7ff`
`11`	`#133a9aff`
`12`	`#07296aff`
`13`	`#03153aff`
`1a`	`#3368f01a`
`2a`	`#3368f026`
`3a`	`#3368f033`
`4a`	`#3368f040`
`5a`	`#3368f04d`
`6a`	`#3368f066`
`7a`	`#3368f080`
`8a`	`#3368f099`
`9a`	`#3368f0b3`
`10a`	`#3368f0cc`
`11a`	`#3368f0e6`

semantic / theme / semantic / inverted · 28

Name	Value
`0`	`#ffffffff`
`1`	`#f7f7f8ff`
`2`	`#e9eaecff`
`3`	`#dee0e3ff`
`4`	`#c8cad0ff`
`5`	`#babdc5ff`
`6`	`#9ea2adff`
`7`	`#7e869aff`
`8`	`#717684ff`
`9`	`#5e636eff`
`10`	`#464a53ff`
`11`	`#333333ff`
`12`	`#1f2228ff`
`13`	`#14151aff`
`1a`	`#0a0f290a`
`2a`	`#0a0f2914`
`3a`	`#0a0f2924`
`4a`	`#0a0f2933`
`5a`	`#0a0f2940`
`6a`	`#0a0f294d`
`7a`	`#0d112666`
`8a`	`#0f132480`
`9a`	`#0f132499`
`10a`	`#0f1324b3`
`11a`	`#0f1324cc`
`12a`	`#0f1324e6`
`13a`	`#0f1324f2`
`0a`	`#ffffff00`

semantic / theme / semantic / negative · 24

Name	Value
`1`	`#fdf2f1ff`
`2`	`#fce5e4ff`
`3`	`#f9d4d2ff`
`4`	`#f7c3c0ff`
`5`	`#f5b2adff`
`6`	`#f08b85ff`
`7`	`#eb6960ff`
`8`	`#e6483dff`
`9`	`#d9281cff`
`10`	`#be2318ff`
`11`	`#9a1c13ff`
`12`	`#64120dff`
`13`	`#360a07ff`
`1a`	`#e6483d1a`
`2a`	`#e6483d26`
`3a`	`#e6483d33`
`4a`	`#e6483d40`
`5a`	`#e6483d4d`
`6a`	`#e6483d66`
`7a`	`#e6483d80`
`8a`	`#e6483d99`
`9a`	`#e6483db3`
`10a`	`#e6483dcc`
`11a`	`#e6483de6`

semantic / theme / semantic / neutral · 28

Name	Value
`0`	`#0b0c0eff`
`1`	`#14151aff`
`2`	`#1f2228ff`
`3`	`#333333ff`
`4`	`#464a53ff`
`5`	`#5e636eff`
`6`	`#717684ff`
`7`	`#7e869aff`
`8`	`#9ea2adff`
`9`	`#babdc5ff`
`10`	`#c8cad0ff`
`11`	`#dee0e3ff`
`12`	`#e9eaecff`
`13`	`#f7f7f8ff`
`1a`	`#ffffff14`
`2a`	`#ffffff24`
`3a`	`#ffffff2e`
`4a`	`#ffffff3d`
`5a`	`#ffffff52`
`6a`	`#ffffff66`
`7a`	`#ffffff75`
`8a`	`#ffffff80`
`9a`	`#ffffff99`
`10a`	`#ffffffb3`
`11a`	`#ffffffcc`
`12a`	`#ffffffe6`
`13a`	`#fffffff2`
`0a`	`#ffffff00`

semantic / theme / semantic / positive · 24

Name	Value
`1`	`#edfdf4ff`
`2`	`#d1fae4ff`
`3`	`#c3f8dcff`
`4`	`#9af4c3ff`
`5`	`#8ce8b6ff`
`6`	`#6ae1a1ff`
`7`	`#40d986ff`
`8`	`#26bd6cff`
`9`	`#21a65eff`
`10`	`#1d9052ff`
`11`	`#166e3fff`
`12`	`#0f4c2cff`
`13`	`#072213ff`
`1a`	`#26bd6c1a`
`2a`	`#26bd6c26`
`3a`	`#26bd6c33`
`5a`	`#26bd6c4d`
`6a`	`#26bd6c66`
`7a`	`#26bd6c80`
`8a`	`#26bd6c99`
`9a`	`#26bd6cb3`
`10a`	`#26bd6ccc`
`11a`	`#26bd6ce6`
`4a`	`#26bd6c40`

semantic / theme / semantic / warning · 24

Name	Value
`1`	`#fef4ecff`
`2`	`#fdead8ff`
`3`	`#fcddc0ff`
`4`	`#fad0a9ff`
`5`	`#f9c594ff`
`6`	`#f8b577ff`
`7`	`#f6a355ff`
`8`	`#f48e2fff`
`9`	`#e9760cff`
`10`	`#d56c0bff`
`11`	`#ae590aff`
`12`	`#613105ff`
`13`	`#301903ff`
`1a`	`#f48e2f1a`
`2a`	`#f48e2f26`
`3a`	`#f48e2f33`
`4a`	`#f48e2f40`
`5a`	`#f48e2f4d`
`6a`	`#f48e2f66`
`7a`	`#f48e2f80`
`8a`	`#f48e2f99`
`9a`	`#f48e2fb3`
`10a`	`#f48e2fcc`
`11a`	`#f48e2fe6`

semantic / theme / text / accent · 25

Name	Value
`red`	`palette/red/9#d9281cff`
`redSecondary`	`palette/white/8#ffffff80`
`redTertiary`	`palette/white/5#ffffff52`
`green`	`palette/green/9#21a65eff`
`greenSecondary`	`palette/white/8#ffffff80`
`greenTertiary`	`palette/white/5#ffffff52`
`orange`	`palette/orange/9#e9760cff`
`orangeSecondary`	`palette/white/8#ffffff80`
`orangeTertiary`	`palette/white/5#ffffff52`
`blue`	`palette/blue/9#1d54e2ff`
`blueSecondary`	`palette/white/8#ffffff80`
`blueTertiary`	`palette/white/5#ffffff52`
`purple`	`palette/purple/9#741de2ff`
`purpleSecondary`	`palette/white/8#ffffff80`
`purpleTertiary`	`palette/white/5#ffffff52`
`greenInverted`	`palette/base/white#ffffffff`
`orangeInverted`	`palette/base/white#ffffffff`
`blueInverted`	`palette/base/white#ffffffff`
`redInverted`	`palette/base/white#ffffffff`
`purpleInverted`	`palette/base/white#ffffffff`
`blueAccent`	`palette/blue/8#4778f5ff`
`greenAccent`	`palette/green/8#26bd6cff`
`orangeAccent`	`palette/orange/8#f48e2fff`
`redAccent`	`palette/red/8#e6483dff`
`purpleAccent`	`palette/purple/8#924fe8ff`

semantic / theme / text / base · 16

Name	Value
`primary`	`palette/gray/13#14151aff`
`secondary`	`palette/gray/9a#0f132499`
`quaternary`	`palette/gray/5a#0a0f2940`
`inverted`	`palette/base/white#ffffffff`
`invertedSecondary`	`palette/white/9#ffffff99`
`invertedQuaternary`	`palette/white/5#ffffff52`
`staticDark`	`palette/gray/13#14151aff`
`staticDarkSecondary`	`palette/gray/9a#0f132499`
`staticDarkQuaternary`	`palette/gray/5a#0a0f2940`
`staticWhite`	`palette/base/white#ffffffff`
`staticWhiteSecondary`	`palette/white/9#ffffff99`
`staticWhiteQuaternary`	`palette/white/5#ffffff52`
`tertiary`	`palette/gray/7a#0d112666`
`invertedTertiary`	`palette/white/7#ffffff75`
`staticDarkTertiary`	`palette/gray/7a#0d112666`
`staticWhiteTertiary`	`palette/white/7#ffffff75`

semantic / theme / text / status · 12

Name	Value
`destructive`	`palette/red/8#e6483dff`
`destructiveSecondary`	`palette/red/9a#e6483db3`
`destructiveTertiary`	`palette/red/6a#e6483d66`
`success`	`palette/green/8#26bd6cff`
`successSecondary`	`palette/green/8a#26bd6c99`
`successTertiary`	`palette/green/5a#26bd6c4d`
`warning`	`palette/orange/8#f48e2fff`
`warningSecondary`	`palette/orange/8a#f48e2f99`
`warningTertiary`	`palette/orange/5a#f48e2f4d`
`info`	`palette/blue/8#4778f5ff`
`infoSecondary`	`palette/blue/8a#3368f099`
`infoTertiary`	`palette/blue/5a#3368f04d`

typography / family · 1

Name	Value
`inter`	`Pretendard`

typography / weight · 7

Name	Value
`light`	`Light`
`regular`	`Regular`
`medium`	`Medium`
`semi-bold`	`Semi Bold`
`bold`	`Bold`
`extra-bold`	`Extra Bold`
`black`	`Black`

typography / size · 13

Name	Value
`display`	`96px`
`h1`	`72px`
`h2`	`64px`
`h3`	`48px`
`h4`	`36px`
`h5`	`30px`
`h6`	`24px`
`body-l`	`20px`
`body-m`	`18px`
`body-s`	`16px`
`caption-l`	`14px`
`caption-m`	`12px`
`caption-s`	`10px`

typography / line-height · 13

Name	Value
`display`	`100px`
`h1`	`80px`
`h2`	`56px`
`h3`	`44px`
`h4`	`36px`
`h5`	`36px`
`h6`	`32px`
`body-l`	`28px`
`body-m`	`26px`
`body-s`	`24px`
`caption-l`	`20px`
`caption-m`	`16px`
`caption-s`	`14px`

spacing / primitive · 49

Name	Value
`0`	`0px`
`1`	`1px`
`2`	`2px`
`3`	`3px`
`4`	`4px`
`5`	`5px`
`6`	`6px`
`7`	`7px`
`8`	`8px`
`9`	`9px`
`10`	`10px`
`12`	`12px`
`14`	`14px`
`16`	`16px`
`18`	`18px`
`20`	`20px`
`24`	`24px`
`28`	`28px`
`32`	`32px`
`36`	`36px`
`40`	`40px`
`44`	`44px`
`48`	`48px`
`52`	`52px`
`56`	`56px`
`64`	`64px`
`72`	`72px`
`80`	`80px`
`96`	`96px`
`112`	`112px`
`120`	`120px`
`128`	`128px`
`144`	`144px`
`160`	`160px`
`192`	`192px`
`224`	`224px`
`256`	`256px`
`288`	`288px`
`320`	`320px`
`360`	`360px`
`390`	`390px`
`400`	`400px`
`480`	`480px`
`588`	`588px`
`792`	`792px`
`844`	`844px`
`999`	`999px`
`1024`	`1024px`
`1440`	`1440px`

spacing / scale · 53

Name	Value
`0`	`0px`
`1`	`1px`
`2`	`2px`
`4`	`4px`
`5`	`5px`
`6`	`6px`
`8`	`8px`
`10`	`10px`
`12`	`12px`
`14`	`14px`
`16`	`16px`
`18`	`18px`
`20`	`20px`
`24`	`24px`
`28`	`28px`
`32`	`32px`
`36`	`36px`
`40`	`40px`
`44`	`44px`
`48`	`48px`
`52`	`52px`
`56`	`56px`
`64`	`64px`
`72`	`72px`
`80`	`80px`
`96`	`96px`
`112`	`112px`
`120`	`120px`
`128`	`128px`
`144`	`144px`
`160`	`160px`
`192`	`192px`
`224`	`224px`
`288`	`288px`
`320`	`320px`
`360`	`360px`
`390`	`390px`
`400`	`400px`
`480`	`480px`
`588`	`588px`
`640`	`640px`
`792`	`792px`
`800`	`800px`
`844`	`844px`
`1024`	`1024px`
`1440`	`1440px`
`120To24`	`24px`
`32To24`	`24px`
`80To48`	`48px`
`160To96`	`96px`
`64To48`	`48px`
`96To72`	`72px`
`48To24`	`24px`

radius / primitive · 49

Name	Value
`0`	`0px`
`1`	`1px`
`2`	`2px`
`3`	`3px`
`4`	`4px`
`5`	`5px`
`6`	`6px`
`7`	`7px`
`8`	`8px`
`9`	`9px`
`10`	`10px`
`12`	`12px`
`14`	`14px`
`16`	`16px`
`18`	`18px`
`20`	`20px`
`24`	`24px`
`28`	`28px`
`32`	`32px`
`36`	`36px`
`40`	`40px`
`44`	`44px`
`48`	`48px`
`52`	`52px`
`56`	`56px`
`64`	`64px`
`72`	`72px`
`80`	`80px`
`96`	`96px`
`112`	`112px`
`120`	`120px`
`128`	`128px`
`144`	`144px`
`160`	`160px`
`192`	`192px`
`224`	`224px`
`256`	`256px`
`288`	`288px`
`320`	`320px`
`360`	`360px`
`390`	`390px`
`400`	`400px`
`480`	`480px`
`588`	`588px`
`792`	`792px`
`844`	`844px`
`999`	`999px (full)`
`1024`	`1024px`
`1440`	`1440px`

radius / scale · 10

Name	Value
`0`	`0px`
`xxs`	`2px`
`xs`	`4px`
`sm`	`6px`
`md`	`8px`
`lg`	`10px`
`xl`	`12px`
`xxl`	`16px`
`full`	`999px (full)`
`xxxl`	`24px`