Variables

956 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`

Theme

Semantic role tokens — switch between Light and Dark.

LightDark

semantic / neutral · 28

Name	Value
`0`	`#ffffffff#0b0c0eff`
`1`	`#f7f7f8ff#14151aff`
`2`	`#e9eaecff#1f2228ff`
`3`	`#dee0e3ff#333333ff`
`4`	`#c8cad0ff#464a53ff`
`5`	`#babdc5ff#5e636eff`
`6`	`#9ea2adff#717684ff`
`7`	`#7e869aff#7e869aff`
`8`	`#717684ff#9ea2adff`
`9`	`#5e636eff#babdc5ff`
`10`	`#464a53ff#c8cad0ff`
`11`	`#333333ff#dee0e3ff`
`12`	`#1f2228ff#e9eaecff`
`13`	`#14151aff#f7f7f8ff`
`1a`	`#0a0f290a#ffffff14`
`2a`	`#0a0f2914#ffffff24`
`3a`	`#0a0f2924#ffffff2e`
`4a`	`#0a0f2933#ffffff3d`
`5a`	`#0a0f2940#ffffff52`
`6a`	`#0a0f294d#ffffff66`
`7a`	`#0d112666#ffffff75`
`8a`	`#0f132480#ffffff80`
`9a`	`#0f132499#ffffff99`
`10a`	`#0f1324b3#ffffffb3`
`11a`	`#0f1324cc#ffffffcc`
`12a`	`#0f1324e6#ffffffe6`
`13a`	`#0f1324f2#fffffff2`
`0a`	`#ffffff00#ffffff00`

semantic / inverted · 28

Name	Value
`0`	`#0b0c0eff#ffffffff`
`1`	`#14151aff#f7f7f8ff`
`2`	`#1f2228ff#e9eaecff`
`3`	`#333333ff#dee0e3ff`
`4`	`#464a53ff#c8cad0ff`
`5`	`#5e636eff#babdc5ff`
`6`	`#717684ff#9ea2adff`
`7`	`#7e869aff#7e869aff`
`8`	`#9ea2adff#717684ff`
`9`	`#babdc5ff#5e636eff`
`10`	`#c8cad0ff#464a53ff`
`11`	`#dee0e3ff#333333ff`
`12`	`#e9eaecff#1f2228ff`
`13`	`#f7f7f8ff#14151aff`
`1a`	`#ffffff14#0a0f290a`
`2a`	`#ffffff24#0a0f2914`
`3a`	`#ffffff2e#0a0f2924`
`4a`	`#ffffff3d#0a0f2933`
`5a`	`#ffffff52#0a0f2940`
`6a`	`#ffffff66#0a0f294d`
`7a`	`#ffffff75#0d112666`
`8a`	`#ffffff80#0f132480`
`9a`	`#ffffff99#0f132499`
`10a`	`#ffffffb3#0f1324b3`
`11a`	`#ffffffcc#0f1324cc`
`12a`	`#ffffffe6#0f1324e6`
`13a`	`#fffffff2#0f1324f2`
`0a`	`#ffffff00#ffffff00`

semantic / informative · 24

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

semantic / positive · 24

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

semantic / warning · 24

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

semantic / negative · 24

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

semantic / brand · 24

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

text / base · 16

Name	Value
`primary`	`#14151aff#ffffffff`
`secondary`	`#0f132499#ffffff99`
`quaternary`	`#0a0f2940#ffffff52`
`inverted`	`#ffffffff#0b0c0eff`
`invertedSecondary`	`#ffffff99#0f132499`
`invertedQuaternary`	`#ffffff66#0a0f2940`
`staticDark`	`#14151aff#14151aff`
`staticDarkSecondary`	`#0f132499#0f132499`
`staticDarkQuaternary`	`#0a0f2940#0a0f2940`
`staticWhite`	`#ffffffff#ffffffff`
`staticWhiteSecondary`	`#ffffff99#ffffff99`
`staticWhiteQuaternary`	`#ffffff52#ffffff52`
`tertiary`	`#0d112666#ffffff75`
`invertedTertiary`	`#ffffff75#0d112666`
`staticDarkTertiary`	`#0d112666#0d112666`
`staticWhiteTertiary`	`#ffffff75#ffffff75`

text / accent · 25

Name	Value
`red`	`#9a1c13ff#d9281cff`
`redSecondary`	`#e6483d80#ffffff80`
`redTertiary`	`#e6483d4d#ffffff52`
`green`	`#166e3fff#21a65eff`
`greenSecondary`	`#26bd6c80#ffffff80`
`greenTertiary`	`#26bd6c4d#ffffff52`
`orange`	`#ae590aff#e9760cff`
`orangeSecondary`	`#f48e2f80#ffffff80`
`orangeTertiary`	`#f48e2f4d#ffffff52`
`blue`	`#133a9aff#1d54e2ff`
`blueSecondary`	`#3368f080#ffffff80`
`blueTertiary`	`#3368f04d#ffffff52`
`purple`	`#5314a3ff#741de2ff`
`purpleSecondary`	`#873de680#ffffff80`
`purpleTertiary`	`#873de64d#ffffff52`
`greenInverted`	`#166e3fff#ffffffff`
`orangeInverted`	`#ae590aff#ffffffff`
`blueInverted`	`#133a9aff#ffffffff`
`redInverted`	`#9a1c13ff#ffffffff`
`purpleInverted`	`#5314a3ff#ffffffff`
`blueAccent`	`#4778f5ff#4778f5ff`
`greenAccent`	`#26bd6cff#26bd6cff`
`orangeAccent`	`#f48e2fff#f48e2fff`
`redAccent`	`#e6483dff#e6483dff`
`purpleAccent`	`#924fe8ff#924fe8ff`

text / status · 12

Name	Value
`destructive`	`#e6483dff#e6483dff`
`destructiveSecondary`	`#e6483db3#e6483db3`
`destructiveTertiary`	`#e6483d4d#e6483d66`
`success`	`#26bd6cff#26bd6cff`
`successSecondary`	`#26bd6c99#26bd6c99`
`successTertiary`	`#26bd6c4d#26bd6c4d`
`warning`	`#f48e2fff#f48e2fff`
`warningSecondary`	`#f48e2f99#f48e2f99`
`warningTertiary`	`#f48e2f4d#f48e2f4d`
`info`	`#4778f5ff#4778f5ff`
`infoSecondary`	`#3368f099#3368f099`
`infoTertiary`	`#3368f04d#3368f04d`

background / button · 24

Name	Value
`primary`	`#14151aff#ffffffff`
`primaryHover`	`#1f2228ff#e9eaecff`
`primaryDisabled`	`#e9eaecff#ffffff24`
`secondary`	`#ffffffff#14151aff`
`secondaryHover`	`#f7f7f8ff#1f2228ff`
`secondaryDisabled`	`#ffffffff#14151aff`
`tertiary`	`#0a0f290a#ffffff14`
`tertiaryHover`	`#0a0f2914#ffffff24`
`tertiaryDisabled`	`#0a0f290a#ffffff14`
`ghost`	`#ffffff00#ffffff00`
`ghostHover`	`#0a0f290a#ffffff24`
`ghostDisabled`	`#ffffff00#ffffff00`
`destructive`	`#e6483dff#e6483dff`
`destructiveHover`	`#d9281cff#d9281cff`
`destructiveDisabled`	`#fce5e4ff#e6483d26`
`destructiveSecondary`	`#ffffffff#0b0c0eff`
`destructiveSecondaryHover`	`#fdf2f1ff#14151aff`
`destructiveSecondaryDisabled`	`#ffffffff#0b0c0eff`
`destructiveTertiary`	`#e6483d1a#ffffff14`
`destructiveTertiaryHover`	`#e6483d26#ffffff24`
`destructiveTertiaryDisabled`	`#e6483d1a#ffffff14`
`destructiveGhost`	`#ffffff00#ffffff00`
`destructiveGhostHover`	`#e6483d1a#ffffff14`
`destructiveGhostDisabled`	`#ffffff00#ffffff00`

background / input · 4

Name	Value
`normal`	`#ffffffff#0b0c0eff`
`hover`	`#ffffffff#0b0c0eff`
`focus`	`#ffffffff#0b0c0eff`
`disabled`	`#ffffffff#0b0c0eff`

background / badge · 21

Name	Value
`gray`	`#e9eaecff#ffffff2e`
`grayAccent`	`#5e636eff#7e869aff`
`blue`	`#e3eafdff#3368f04d`
`blueAccent`	`#4778f5ff#4778f5ff`
`green`	`#d1fae4ff#26bd6c4d`
`greenAccent`	`#26bd6cff#26bd6cff`
`orange`	`#fdead8ff#f48e2f40`
`orangeAccent`	`#f48e2fff#f48e2fff`
`red`	`#fce5e4ff#e6483d4d`
`redAccent`	`#e6483dff#e6483dff`
`purple`	`#ecdffbff#873de64d`
`purpleAccent`	`#924fe8ff#924fe8ff`
`surface`	`#ffffffff#1f2228ff`
`white`	`#ffffffff#ffffffff`
`blueDisabled`	`#f0f4feff#3368f033`
`greenDisabled`	`#edfdf4ff#26bd6c33`
`orangeDisabled`	`#fef4ecff#f48e2f33`
`redDisabled`	`#fdf2f1ff#e6483d33`
`purpleDsiabled`	`#f7f1fdff#873de633`
`whiteDisabled`	`#ffffffff#ffffff66`
`grayDisabled`	`#e9eaecff#ffffff24`

background / chip · 8

Name	Value
`primary`	`#ffffffff#0b0c0eff`
`primaryHover`	`#f7f7f8ff#14151aff`
`primaryActive`	`#ffffffff#0b0c0eff`
`primaryDisabled`	`#ffffffff#0b0c0eff`
`secondary`	`#0a0f290a#ffffff14`
`secondaryHover`	`#0a0f2914#ffffff24`
`secondaryActive`	`#0a0f290a#ffffff14`
`secondaryDisabled`	`#0a0f290a#ffffff14`

background / overlay · 5

Name	Value
`normal`	`#ffffff00#ffffff00`
`hover`	`#0a0f290a#ffffff14`
`activeNormal`	`#0a0f290a#ffffff14`
`activeHover`	`#0a0f2914#ffffff24`
`custom`	`#0a0f2914#ffffff14`

background / surface · 16

Name	Value
`default`	`#ffffffff#0b0c0eff`
`inverted`	`#0b0c0eff#ffffffff`
`neutralSubtle`	`#e9eaecff#1f2228ff`
`neutral`	`#f7f7f8ff#14151aff`
`destructive`	`#fdf2f1ff#360a07ff`
`destructiveSubtle`	`#fce5e4ff#64120dff`
`destructiveAccent`	`#e6483dff#e6483dff`
`warning`	`#fef4ecff#301903ff`
`warningSubtle`	`#fdead8ff#613105ff`
`success`	`#edfdf4ff#072213ff`
`successSubtle`	`#d1fae4ff#0f4c2cff`
`successAccent`	`#26bd6cff#26bd6cff`
`warningAccent`	`#f48e2fff#f48e2fff`
`info`	`#f0f4feff#03153aff`
`infoSubtle`	`#e3eafdff#07296aff`
`infoAccent`	`#4778f5ff#4778f5ff`

background / accent · 19

Name	Value
`gray`	`#f7f7f8ff#14151aff`
`grayAccent`	`#717684ff#5e636eff`
`blue`	`#f0f4feff#03153aff`
`blueAccent`	`#4778f5ff#1d54e2ff`
`green`	`#edfdf4ff#072213ff`
`greenAccent`	`#26bd6cff#21a65eff`
`orange`	`#fef4ecff#301903ff`
`orangeAccent`	`#f48e2fff#e9760cff`
`red`	`#fdf2f1ff#360a07ff`
`redAccent`	`#e6483dff#d9281cff`
`purple`	`#f7f1fdff#1c0736ff`
`purpleAccent`	`#924fe8ff#741de2ff`
`graySubtle`	`#e9eaecff#1f2228ff`
`blueSubtle`	`#e3eafdff#07296aff`
`greenSubtle`	`#d1fae4ff#0f4c2cff`
`orangeSubtle`	`#fdead8ff#613105ff`
`redSubtle`	`#fce5e4ff#64120dff`
`purpleSubtle`	`#ecdffbff#3a0f71ff`
`grayBold`	`#0b0c0eff#ffffffff`

background / checkbox · 3

Name	Value
`default`	`#ffffffff#1f2228ff`
`checked`	`#924fe8ff#924fe8ff`
`disabled`	`#dee0e3ff#333333ff`

background / toggle · 8

Name	Value
`default`	`#babdc5ff#5e636eff`
`active`	`#26bd6cff#26bd6cff`
`disabled`	`#e9eaecff#1f2228ff`
`handle`	`#ffffffff#ffffffff`
`handleDisabled`	`#c8cad0ff#464a53ff`
`hover`	`#9ea2adff#717684ff`
`activeHover`	`#21a65eff#21a65eff`
`activeDisabled`	`#c3f8dcff#166e3fff`

border / action · 16

Name	Value
`normal`	`#dee0e3ff#ffffff2e`
`hover`	`#c8cad0ff#ffffff3d`
`disabled`	`#e9eaecff#ffffff24`
`destructiveHover`	`#f5b2adff#e6483d4d`
`destructiveDisabled`	`#e6483d33#e6483d33`
`focus`	`#924fe8ff#924fe8ff`
`success`	`#9af4c3ff#26bd6c40`
`warning`	`#fad0a9ff#f48e2f40`
`info`	`#b4c7f8ff#3368f040`
`destructive`	`#f7c3c0ff#e6483d40`
`successHover`	`#8ce8b6ff#26bd6c4d`
`warningHover`	`#f9c594ff#f48e2f4d`
`infoHover`	`#93aff6ff#3368f04d`
`focusDestructive`	`#e6483dff#e6483dff`
`focusLight`	`#b78af0ff#b78af0ff`
`focusDestructiveLight`	`#f08b85ff#f08b85ff`

border / base · 13

Name	Value
`neutral`	`#dee0e3ff#ffffff2e`
`neutralSubtle`	`#c8cad0ff#ffffff3d`
`destructive`	`#f7c3c0ff#e6483d40`
`success`	`#9af4c3ff#26bd6c40`
`warning`	`#fad0a9ff#f48e2f40`
`info`	`#b4c7f8ff#3368f040`
`brand`	`#d8c0f7ff#873de640`
`divider`	`#e9eaecff#ffffff24`
`alpha`	`#0a0f2914#ffffff24`
`surface`	`#ffffffff#0b0c0eff`
`inverted`	`#0b0c0eff#ffffffff`
`surfaceNeutral`	`#f7f7f8ff#14151aff`
`alphaWhite`	`#ffffff2e#ffffff2e`

border / select · 4

Name	Value
`primary`	`#924fe8ff#924fe8ff`
`secondary`	`#d8c0f7ff#873de640`
`destructive`	`#e6483dff#e6483dff`
`destructiveSecondary`	`#f7c3c0ff#e6483d40`

border / accent · 10

Name	Value
`green`	`#8ce8b6ff#26bd6c4d`
`orange`	`#f9c594ff#f48e2f4d`
`red`	`#f5b2adff#e6483d4d`
`blue`	`#93aff6ff#3368f04d`
`purple`	`#cdaef4ff#873de64d`
`blueAccent`	`#4778f5ff#4778f5ff`
`greenAccent`	`#26bd6cff#26bd6cff`
`orangeAccent`	`#f48e2fff#f48e2fff`
`redAccent`	`#e6483dff#e6483dff`
`purpleAccent`	`#924fe8ff#924fe8ff`

icon / base · 16

Name	Value
`primary`	`#14151aff#ffffffff`
`secondary`	`#0f132499#ffffff99`
`quaternary`	`#0a0f2940#ffffff52`
`inverted`	`#ffffffff#0b0c0eff`
`invertedSecondary`	`#ffffff99#0f132499`
`invertedQuaternary`	`#ffffff66#0a0f2940`
`staticDark`	`#14151aff#14151aff`
`staticDarkSecondary`	`#0f132499#0f132499`
`staticDarkQuaternary`	`#0a0f2940#0a0f2940`
`staticWhite`	`#ffffffff#ffffffff`
`staticWhiteSecondary`	`#ffffff99#ffffff99`
`staticWhiteQuaternary`	`#ffffff52#ffffff52`
`tertiary`	`#0d112666#ffffff75`
`invertedTertiary`	`#ffffff75#0d112666`
`staticDarkTertiary`	`#0d112666#0d112666`
`staticWhiteTertiary`	`#ffffff75#ffffff75`

icon / status · 12

Name	Value
`destructive`	`#e6483dff#e6483dff`
`destructiveSecondary`	`#e6483db3#e6483db3`
`destructiveTertiary`	`#e6483d4d#e6483d66`
`success`	`#26bd6cff#26bd6cff`
`successSecondary`	`#26bd6c99#26bd6c99`
`successTertiary`	`#26bd6c4d#26bd6c4d`
`warning`	`#f48e2fff#f48e2fff`
`warningSecondary`	`#f48e2f99#f48e2f99`
`warningTertiary`	`#f48e2f4d#f48e2f4d`
`info`	`#4778f5ff#4778f5ff`
`infoSecondary`	`#3368f099#3368f099`
`infoTertiary`	`#3368f04d#3368f04d`

icon / accent · 25

Name	Value
`red`	`#9a1c13ff#d9281cff`
`redSecondary`	`#e6483d80#ffffff80`
`redTertiary`	`#e6483d4d#ffffff52`
`green`	`#166e3fff#21a65eff`
`greenSecondary`	`#26bd6c80#ffffff80`
`greenTertiary`	`#26bd6c4d#ffffff52`
`orange`	`#ae590aff#e9760cff`
`orangeSecondary`	`#f48e2f80#ffffff80`
`orangeTertiary`	`#f48e2f4d#ffffff52`
`blue`	`#133a9aff#1d54e2ff`
`blueSecondary`	`#3368f080#ffffff80`
`blueTertiary`	`#3368f04d#ffffff52`
`purple`	`#5314a3ff#741de2ff`
`purpleSecondary`	`#873de680#ffffff80`
`purpleTertiary`	`#873de64d#ffffff52`
`redInverted`	`#9a1c13ff#ffffffff`
`greenInverted`	`#166e3fff#ffffffff`
`orangeInverted`	`#ae590aff#ffffffff`
`blueInverted`	`#133a9aff#ffffffff`
`purpleInverted`	`#5314a3ff#ffffffff`
`blueAccent`	`#4778f5ff#4778f5ff`
`greenAccent`	`#26bd6cff#26bd6cff`
`orangeAccent`	`#f48e2fff#f48e2fff`
`redAccent`	`#e6483dff#e6483dff`
`purpleAccent`	`#924fe8ff#924fe8ff`

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`