Tailwind Color Picker

Explore and copy official Tailwind CSS config colors instantly.

Copy Format:
🔍
🎨 220 Swatches Available
blue-500
#3b82f6
White Text: AA Pass Black Text: AAA Pass

Click on any color swatch to inspect and copy in your selected format.

Selected Swatch blue-500

The Tailwind CSS Color Config

Utility-first frameworks structure styling using strict scale sets. Copying parameters directly maintains markup integrity.

Generate material colors using Material Color Generator. Check text accessibilities via Contrast Checker.