디자인 토큰
MUI Extend 디자인 시스템의 기본이 되는 토큰들을 확인하세요.
컬러 팔레트
Gray
기본 회색 계열
gray/50
#FAFAFA
gray/100
#F5F5F5
gray/200
#E7E7E8
gray/300
#D2D2D3
gray/400
#BCBCBC
gray/500
#88888A
gray/600
#6D6D70
gray/700
#4C4C50
gray/800
#313135
gray/900
#18181B
Primary
메인 브랜드 색상
primary/50
#F2F2FF
primary/100
#E6E6FF
primary/200
#CECEFF
primary/300
#AEAEFF
primary/400
#8E8EFF
primary/500
#6A6AFF
primary/600
#4E4EFF
primary/700
#3E3ECD
primary/800
#2F2F9B
primary/900
#212170
Red (Danger)
위험, 오류 상태
red/50
#FFF2F3
red/100
#FFD1D4
red/200
#FFA6AB
red/300
#FF757D
red/400
#FF4F5A
red/500
#DF0E01
red/600
#C60C01
red/700
#AC0B01
red/800
#930901
red/900
#790801
Orange (Sale)
세일, 할인 정보
orange/50
#FFF3DF
orange/100
#FFD9A5
orange/200
#FFBD6D
orange/300
#FF9532
orange/400
#FF760A
orange/500
#FF5C00
orange/600
#E95603
orange/700
#CC4102
orange/800
#A1330B
orange/900
#822C0C
Yellow (Warning)
경고, 주의 상태
yellow/50
#FFFDEA
yellow/100
#FFF6C5
yellow/200
#FFEE85
yellow/300
#FFDF46
yellow/400
#FFCD1B
yellow/500
#FFAB00
yellow/600
#E28200
yellow/700
#BB5A02
yellow/800
#984508
yellow/900
#7C390B
Green (Success)
성공, 완료 상태
green/50
#EDFCF4
green/100
#D4F7E3
green/200
#ADEDCC
green/300
#78DDAF
green/400
#41C68D
green/500
#1EAB74
green/600
#118A5D
green/700
#0E6E4D
green/800
#0D583F
green/900
#0C4834
Cyan (Info)
정보, 알림 상태
cyan/50
#F0FAFF
cyan/100
#DFF4FF
cyan/200
#B9EBFE
cyan/300
#7BDDFE
cyan/400
#34CCFC
cyan/500
#0AB8EF
cyan/600
#0093CB
cyan/700
#0076A4
cyan/800
#056387
cyan/900
#0A5170
Common
공통 색상
white
#FFFFFF
black
#000000