Colors
Primitives
Light
Neutral light scale
50
100
200
300
400
500
600
700
800
900
Dark
Neutral dark scale
50
100
200
300
400
500
600
700
800
900
Purple
Primary brand scale
50
100
200
300
400
500
600
700
800
900
Tags
Semantic tag colors
peach
slate-gray
lavender
sky-blue
indigo
coral
mint
Semantic Tokens
TokenLightDark
Token Mapping
How shadcn tokens map to Material semantic tokens. Some tokens resolve to different Material tokens in light vs dark mode.
Core
shadcn TokenMaterial TokenLightDark
Sidebar
shadcn TokenMaterial TokenLightDark