Semantic Color
역할과 맥락에 따라 색상을 분류하여 일관성있는 테마를 유지합니다.Primary
lighter
light
default
dark
darker
Secondary
default
dark
Neutral
default
dark
Background
default
100
200
Outline
border
placeholder
Text
main
sub
subtle
Status
success
warning
error
Color Token
TokenValue
color-primary-50#EFF6FF
color-primary-100#DBEAFE
color-primary-200#BFDBFF
color-primary-300#8EC6FF
color-primary-400#50A2FF
color-primary-500#2C7FFF
color-primary-600#165DFB
color-primary-700#1447E6
color-primary-800#193CB8
color-primary-900#1C398E
color-neutral-50#FAFAFA
color-neutral-100#F5F5F5
color-neutral-200#E5E5E5
color-neutral-300#D4D4D4
color-neutral-400#A1A1A1
color-neutral-500#737373
color-neutral-600#525252
color-neutral-700#404040
color-neutral-800#262626
color-neutral-900#171717