Theme Generator

Give it your brand colors. Get back a complete design system with semantic tokens, shade scales, and ready-to-use CSS variables or Tailwind config. Stop manually picking 9 shades of blue.

One command. Zero config. Just works.

Quick Start

npx ai-theme --primary "#3B82F6" --secondary "#10B981"

What It Does

• Generates full color shade scales from your base colors (50 through 950)
• Creates semantic tokens like success, warning, error, info
• Outputs CSS custom properties, Tailwind config, or both
• Ensures accessible contrast ratios between foreground and background
• Builds consistent spacing and typography scales