Getting Started with Uncolor

Uncolor is a beautifully organized color library designed to help you find the perfect colors for your projects. Whether you're building with plain CSS or using Tailwind CSS, uncolor makes it easy to discover, preview, and copy color codes.

How to Use Uncolor

1. Browse Colors — Explore our curated collection of colors organized by category
2. Preview — Hover over any color card to see its type and characteristics
3. Copy Code — Choose between CSS or Tailwind syntax and copy to your clipboard with one click
4. Paste & Use — Paste the code directly into your project

Color Categories

• Solid Colors — Single, pure colors
• Gradients — Smooth color transitions
• Palettes — Complementary color combinations
• Semantic Colors — Purpose-based colors (success, warning, error, etc.)

Tips

• Use Solid Colors for borders, text, and backgrounds
• Use Gradients for hero sections and hero imagery
• Adjust opacity with Tailwind or CSS opacity classes
• Mix and match with other utility classes

Need Help?

Can't find the perfect color? Browse by category or search through our complete collection above.