Skip to main content

Color Token

Vibrant color token 은 다크/라이트 모드에 맞추어 제작되었습니다.

다크/라이트 모드를 변경하여 다르게 적용되는 컬러 토큰을 확인할 수 있습니다.

Basic Token

primary
#ff5d00
onPrimary
#ffffff
primaryContainer
#fcf5f1
onPrimaryContainer
#ff5d00
informative
#376dfa
onInformative
#ffffff
informativeContainer
#f3f3fc
onInformativeContainer
#5a7afb
error
#e30f32
onError
#ffffff
errorContainer
#fcf1f0
onErrorContainer
#fb1239
success
#078641
onSuccess
#ffffff
successContainer
#dbfce1
onSuccessContainer
#099549
warning
#fca50e
onWarning
#0b0702
warningContainer
#fcf2e7
onWarningContainer
#b27307

surface Token

surface1
#0000000d
surface2
#ffffff
surface3
#ffffff
surface4
#c7c7c7
disable
#0000001a

outline Token

outline1
#00000026
outline2
#0000000d
outlineNeutral
#0c0c0c
outlineDisable
#0000000d

onView Token

onView1
#0c0c0c
onView2
#5b5b5b
onView3
#949494
onViewPrimary
#ff7430
onViewInformative
#5a7afb
onViewError
#fb1239
onViewSuccess
#099549
onViewWarning
#a06705

background token

background
#ffffff
transparent
#00000000
inverseSurface
#202020
onInverseSurface
#f3f3f3
Previous
Color System