Tailwind Color Lookup
Browse and search all Tailwind CSS colors with hex values and copy-ready class names.
- 100% free
- Private in browser
- No signup
- No watermarks
132 colors • Click any swatch to copy the class name
Rate this tool
Be the first to rate — helps others and improves this page.
About Tailwind Color Lookup
Tailwind Color Lookup shows every color in the Tailwind CSS palette with hex values, ready to copy.
How to use Tailwind Color Lookup
- Search for a color name.
- Click any color to copy its class name.
- Use in your Tailwind project.
Key features
- All 22 Tailwind color families
- Shades 50-950 for each color
- Search by name or hex
- Click to copy class name
- Hex value preview
Frequently asked questions
- Which Tailwind version?
- These are Tailwind CSS v3+ default colors.
- What do I need to enter?
- Just Search. Every field has a sensible default you can start from.
- Is my data uploaded anywhere?
- No. The calculation runs in your browser with JavaScript — nothing you type is sent to a server or stored.
- Does it work on a phone?
- Yes. The layout adapts to small screens and needs no app or signup.
- Is Free Tailwind CSS Color Lookup free?
- Yes. Free Tailwind CSS Color Lookup on TheToolss is free to use with no signup required for the core workflow.
Related In-Depth Guides
Learn practical workflows, real-world examples, and expert tips in our comprehensive guides: