🎨CSS & Color

Tailwind UI Color Palette

A curated set of harmonious color scales for modern web interfaces.

Explanation

Following the Tailwind approach, providing shades from 50 to 950 for consistent UI hierarchy.

Examples

Indigo Scale
Output
50: #eef2ff, 500: #6366f1, 950: #1e1b4b

Code Examples

Tailwind Config 
colors: {
  brand: {
    50: '#f5f3ff',
    100: '#ede9fe',
    500: '#8b5cf6',
    900: '#4c1d95',
  }
}

Try it Now

Open in Palette Generator

💡 Tips

  • Use the 500 shade as your base brand color
  • 950 is great for dark mode backgrounds
  • 50 is perfect for light section backgrounds

⚠️ Common Pitfalls

  • Avoid mixing too many different color families
← Back to All Templates