Tableau de Couleurs
Cliquez sur une couleur pour copier son code HEX
Palette officielle Tailwind CSS v3 — tailwindcss.com ↗
| Couleur | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
|---|---|---|---|---|---|---|---|---|---|---|
| Slate | #F8FAFC | #F1F5F9 | #E2E8F0 | #CBD5E1 | #94A3B8 | #64748B | #475569 | #334155 | #1E293B | #0F172A |
| Gray | #F9FAFB | #F3F4F6 | #E5E7EB | #D1D5DB | #9CA3AF | #6B7280 | #4B5563 | #374151 | #1F2937 | #111827 |
| Red | #FEF2F2 | #FEE2E2 | #FECACA | #FCA5A5 | #F87171 | #EF4444 | #DC2626 | #B91C1C | #991B1B | #7F1D1D |
| Orange | #FFF7ED | #FFEDD5 | #FED7AA | #FDBA74 | #FB923C | #F97316 | #EA580C | #C2410C | #9A3412 | #7C2D12 |
| Amber | #FFFBEB | #FEF3C7 | #FDE68A | #FCD34D | #FBBF24 | #F59E0B | #D97706 | #B45309 | #92400E | #78350F |
| Yellow | #FEFCE8 | #FEF9C3 | #FEF08A | #FDE047 | #FACC15 | #EAB308 | #CA8A04 | #A16207 | #854D0E | #713F12 |
| Lime | #F7FEE7 | #ECFCCB | #D9F99D | #BEF264 | #A3E635 | #84CC16 | #65A30D | #4D7C0F | #3F6212 | #365314 |
| Green | #F0FDF4 | #DCFCE7 | #BBF7D0 | #86EFAC | #4ADE80 | #22C55E | #16A34A | #15803D | #166534 | #14532D |
| Teal | #F0FDFA | #CCFBF1 | #99F6E4 | #5EEAD4 | #2DD4BF | #14B8A6 | #0D9488 | #0F766E | #115E59 | #134E4A |
| Cyan | #ECFEFF | #CFFAFE | #A5F3FC | #67E8F9 | #22D3EE | #06B6D4 | #0891B2 | #0E7490 | #155E75 | #164E63 |
| Blue | #EFF6FF | #DBEAFE | #BFDBFE | #93C5FD | #60A5FA | #3B82F6 | #2563EB | #1D4ED8 | #1E40AF | #1E3A8A |
| Indigo | #EEF2FF | #E0E7FF | #C7D2FE | #A5B4FC | #818CF8 | #6366F1 | #4F46E5 | #4338CA | #3730A3 | #312E81 |
| Violet | #F5F3FF | #EDE9FE | #DDD6FE | #C4B5FD | #A78BFA | #8B5CF6 | #7C3AED | #6D28D9 | #5B21B6 | #4C1D95 |
| Purple | #FAF5FF | #F3E8FF | #E9D5FF | #D8B4FE | #C084FC | #A855F7 | #9333EA | #7E22CE | #6B21A8 | #581C87 |
| Pink | #FDF2F8 | #FCE7F3 | #FBCFE8 | #F9A8D4 | #F472B6 | #EC4899 | #DB2777 | #BE185D | #9D174D | #831843 |
| Rose | #FFF1F2 | #FFE4E6 | #FECDD3 | #FDA4AF | #FB7185 | #F43F5E | #E11D48 | #BE123C | #9F1239 | #881337 |