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
WhatsApp