Theme Builder

Customize your design system colors and export CSS variables

Layout & Spacing

radius

Primary Colors

primary

primary foreground

Secondary Colors

secondary

secondary foreground

Accent Colors

accent

accent foreground

Base Colors

background

foreground

Card Colors

card

card foreground

Popover Colors

popover

popover foreground

Muted Colors

muted

muted foreground

Destructive Colors

destructive

Border & Input Colors

border

input

ring

Live Preview