Theme Colors
These elements use the theme colors that change with the palette switcher
Primary Colors
Primary
Primary 100
Primary 200
Primary 300
Primary 400
Primary 500
Primary 600
Primary 700
Primary 800
Secondary Colors
Secondary
Muted
Accent Colors
Accent
Destructive Colors
Destructive
UI Components
These components use the theme colors
Buttons
Text Styles
Primary Text
Secondary Text
Accent Text
Destructive Text
Muted Text
Gradient Text
Chart Colors
These colors are used for charts and data visualization
Chart 1
Chart 2
Chart 3
Chart 4
Chart 5