Tokens

Border Radius Value Example
small 2px
medium 4px
large 8px
full 100vw
Color Value Example
neutral-900 rgba(30, 30, 36, 1)
neutral-800 rgba(43, 45, 51, 1)
neutral-700 rgba(99, 102, 112, 1)
neutral-600 rgba(130, 136, 147, 1)
neutral-500 rgba(180, 186, 197, 1)
neutral-400 rgba(213, 218, 224, 1)
neutral-300 rgba(233, 236, 240, 1)
neutral-200 rgba(247, 249, 250, 1)
neutral-050 rgba(252, 252, 253, 1)
neutral-white rgba(255, 255, 255, 1)
neutral-black rgba(0, 0, 0, 1)
primary-700 rgba(28, 19, 101, 1)
primary-600 rgba(35, 42, 173, 1)
primary-500 rgba(54, 64, 245, 1)
primary-400 rgba(92, 108, 255, 1)
primary-300 rgba(130, 143, 255, 1)
primary-200 rgba(189, 195, 255, 1)
primary-100 rgba(235, 237, 255, 1)
primary-050 rgba(245, 246, 255, 1)
primary-muted-600 rgba(101, 105, 160, 1)
primary-muted-300 rgba(149, 185, 255, 1)
accent-1-600 rgba(255, 100, 100, 1)
accent-1-500 rgba(255, 137, 125, 1)
accent-1-400 rgba(255, 172, 163, 1)
accent-2-600 rgba(249, 178, 20, 1)
accent-2-500 rgba(255, 221, 84, 1)
accent-2-400 rgba(255, 236, 112, 1)
accent-3-600 rgba(129, 35, 173, 1)
accent-3-500 rgba(175, 95, 239, 1)
accent-3-400 rgba(222, 189, 255, 1)
success-600 rgba(0, 107, 36, 1)
success-500 rgba(5, 125, 39, 1)
success-400 rgba(21, 179, 18, 1)
success-300 rgba(81, 209, 123, 1)
success-200 rgba(157, 239, 184, 1)
success-100 rgba(203, 248, 218, 1)
success-050 rgba(236, 253, 241, 1)
success-vivid-300 rgba(145, 232, 123, 1)
success-muted-500 rgba(108, 137, 94, 1)
success-muted-300 rgba(137, 211, 163, 1)
info-700 rgba(28, 19, 101, 1)
info-600 rgba(35, 42, 173, 1)
info-500 rgba(54, 64, 245, 1)
info-400 rgba(92, 108, 255, 1)
info-300 rgba(130, 143, 255, 1)
info-200 rgba(189, 195, 255, 1)
info-100 rgba(235, 237, 255, 1)
info-050 rgba(245, 246, 255, 1)
info-muted-600 rgba(101, 105, 160, 1)
info-muted-300 rgba(149, 185, 255, 1)
warning-600 rgba(158, 75, 8, 1)
warning-500 rgba(196, 107, 4, 1)
warning-400 rgba(227, 133, 25, 1)
warning-300 rgba(251, 194, 127, 1)
warning-200 rgba(250, 218, 181, 1)
warning-100 rgba(253, 237, 219, 1)
warning-050 rgba(255, 245, 235, 1)
warning-vivid-300 rgba(253, 168, 70, 1)
warning-muted-500 rgba(150, 125, 96, 1)
warning-muted-300 rgba(235, 193, 144, 1)
error-600 rgba(170, 0, 0, 1)
error-500 rgba(195, 47, 47, 1)
error-400 rgba(245, 78, 78, 1)
error-300 rgba(252, 123, 123, 1)
error-200 rgba(255, 185, 185, 1)
error-100 rgba(252, 229, 229, 1)
error-050 rgba(255, 246, 246, 1)
error-muted-500 rgba(152, 93, 97, 1)
error-muted-300 rgba(239, 169, 169, 1)