برای تغییر رنگ اصلی در Tailwind CSS، فایل tailwind.config.js خود را با رنگ‌های سفارشی که می‌خواهید استفاده کنید، به‌روزرسانی کنید:

// tailwind.config.js
module.exports = {
    theme: {
        extend: {
        colors: {
            primary: {
            50: '#f0f9ff',
            100: '#e0f2fe',
            // اینجا تمام استایل‌های رنگی خود را اضافه کنید
            900: '#0c4a6e',
            }
        }
        }
    }
}

سپس می‌توانید از این رنگ‌ها در HTML خود با کلاس‌های کاربردی مانند bg-primary-500 یا text-primary-700 استفاده کنید.