Tailwind CSS palette

All swatches Material Design palette 254 Named colors 545 Tailwind CSS palette 241

241 swatches, each with every code (HEX, RGB, CMYK, HSL, OKLCH), the nearest Pantone, tints and shades, harmonies, and contrast checks.

#

Reds Oranges Yellows Greens Cyans & Teals Blues Purples Pinks Browns Grays Whites Blacks All named colors →

Reds 12

Tailwind Rose 400 #FB7185 Tailwind Red 400 #F87171 Tailwind Rose 500 #F43F5E Tailwind Red 500 #EF4444 Tailwind Red 600 #DC2626 Tailwind Rose 600 #E11D48 Tailwind Red 700 #B91C1C Tailwind Rose 700 #BE123C Tailwind Red 800 #991B1B Tailwind Red 900 #7F1D1D Tailwind Red 950 #450A0A Tailwind Orange 950 #431407

Oranges 19

Tailwind Orange 100 #FFEDD5 Tailwind Orange 200 #FED7AA Tailwind Orange 300 #FDBA74 Tailwind Orange 400 #FB923C Tailwind Amber 400 #FBBF24 Tailwind Orange 500 #F97316 Tailwind Amber 500 #F59E0B Tailwind Orange 600 #EA580C Tailwind Amber 600 #D97706 Tailwind Orange 700 #C2410C Tailwind Yellow 600 #CA8A04 Tailwind Amber 700 #B45309 Tailwind Orange 800 #9A3412 Tailwind Yellow 700 #A16207 Tailwind Amber 800 #92400E Tailwind Yellow 800 #854D0E Tailwind Amber 900 #78350F Tailwind Amber 950 #451A03 Tailwind Yellow 950 #422006

Yellows 9

Tailwind Yellow 50 #FEFCE8 Tailwind Amber 100 #FEF3C7 Tailwind Yellow 100 #FEF9C3 Tailwind Yellow 200 #FEF08A Tailwind Amber 200 #FDE68A Tailwind Amber 300 #FCD34D Tailwind Yellow 300 #FDE047 Tailwind Yellow 400 #FACC15 Tailwind Yellow 500 #EAB308

Greens 31

Tailwind Emerald 50 #ECFDF5 Tailwind Lime 50 #F7FEE7 Tailwind Green 100 #DCFCE7 Tailwind Emerald 100 #D1FAE5 Tailwind Lime 100 #ECFCCB Tailwind Green 200 #BBF7D0 Tailwind Emerald 200 #A7F3D0 Tailwind Lime 200 #D9F99D Tailwind Green 300 #86EFAC Tailwind Lime 300 #BEF264 Tailwind Emerald 300 #6EE7B7 Tailwind Green 400 #4ADE80 Tailwind Lime 400 #A3E635 Tailwind Emerald 400 #34D399 Tailwind Green 500 #22C55E Tailwind Lime 500 #84CC16 Tailwind Emerald 500 #10B981 Tailwind Green 600 #16A34A Tailwind Lime 600 #65A30D Tailwind Emerald 600 #059669 Tailwind Green 700 #15803D Tailwind Lime 700 #4D7C0F Tailwind Emerald 700 #047857 Tailwind Green 800 #166534 Tailwind Lime 800 #3F6212 Tailwind Green 900 #14532D Tailwind Lime 900 #365314 Tailwind Emerald 800 #065F46 Tailwind Emerald 900 #064E3B Tailwind Green 950 #052E16 Tailwind Lime 950 #1A2E05

Cyans & Teals 19

Tailwind Cyan 100 #CFFAFE Tailwind Teal 100 #CCFBF1 Tailwind Cyan 200 #A5F3FC Tailwind Teal 200 #99F6E4 Tailwind Cyan 300 #67E8F9 Tailwind Teal 300 #5EEAD4 Tailwind Cyan 400 #22D3EE Tailwind Teal 400 #2DD4BF Tailwind Cyan 500 #06B6D4 Tailwind Teal 500 #14B8A6 Tailwind Cyan 600 #0891B2 Tailwind Teal 600 #0D9488 Tailwind Cyan 700 #0E7490 Tailwind Cyan 800 #155E75 Tailwind Teal 700 #0F766E Tailwind Teal 800 #115E59 Tailwind Teal 900 #134E4A Tailwind Teal 950 #042F2E Tailwind Emerald 950 #022C22

Blues 50

Tailwind Gray 100 #F3F4F6 Tailwind Violet 100 #EDE9FE Tailwind Indigo 100 #E0E7FF Tailwind Sky 100 #E0F2FE Tailwind Blue 100 #DBEAFE Tailwind Violet 200 #DDD6FE Tailwind Slate 200 #E2E8F0 Tailwind Gray 200 #E5E7EB Tailwind Indigo 200 #C7D2FE Tailwind Blue 200 #BFDBFE Tailwind Sky 200 #BAE6FD Tailwind Violet 300 #C4B5FD Tailwind Gray 300 #D1D5DB Tailwind Slate 300 #CBD5E1 Tailwind Indigo 300 #A5B4FC Tailwind Blue 300 #93C5FD Tailwind Indigo 400 #818CF8 Tailwind Sky 300 #7DD3FC Tailwind Blue 400 #60A5FA Tailwind Indigo 500 #6366F1 Tailwind Slate 400 #94A3B8 Tailwind Blue 500 #3B82F6 Tailwind Sky 400 #38BDF8 Tailwind Indigo 600 #4F46E5 Tailwind Blue 600 #2563EB Tailwind Indigo 700 #4338CA Tailwind Sky 500 #0EA5E9 Tailwind Blue 700 #1D4ED8 Tailwind Slate 500 #64748B Tailwind Indigo 800 #3730A3 Tailwind Blue 800 #1E40AF Tailwind Sky 600 #0284C7 Tailwind Slate 600 #475569 Tailwind Indigo 900 #312E81 Tailwind Gray 600 #4B5563 Tailwind Blue 900 #1E3A8A Tailwind Sky 700 #0369A1 Tailwind Sky 800 #075985 Tailwind Gray 700 #374151 Tailwind Slate 700 #334155 Tailwind Sky 900 #0C4A6E Tailwind Cyan 900 #164E63 Tailwind Blue 950 #172554 Tailwind Indigo 950 #1E1B4B Tailwind Slate 800 #1E293B Tailwind Gray 800 #1F2937 Tailwind Sky 950 #082F49 Tailwind Cyan 950 #083344 Tailwind Slate 900 #0F172A Tailwind Gray 900 #111827

Purples 19

Tailwind Fuchsia 100 #FAE8FF Tailwind Purple 100 #F3E8FF Tailwind Purple 200 #E9D5FF Tailwind Fuchsia 200 #F5D0FE Tailwind Purple 300 #D8B4FE Tailwind Violet 400 #A78BFA Tailwind Purple 400 #C084FC Tailwind Violet 500 #8B5CF6 Tailwind Purple 500 #A855F7 Tailwind Violet 600 #7C3AED Tailwind Purple 600 #9333EA Tailwind Violet 700 #6D28D9 Tailwind Purple 700 #7E22CE Tailwind Violet 800 #5B21B6 Tailwind Purple 800 #6B21A8 Tailwind Violet 900 #4C1D95 Tailwind Purple 900 #581C87 Tailwind Violet 950 #2E1065 Tailwind Purple 950 #3B0764

Pinks 27

Tailwind Pink 100 #FCE7F3 Tailwind Rose 100 #FFE4E6 Tailwind Red 100 #FEE2E2 Tailwind Rose 200 #FECDD3 Tailwind Pink 200 #FBCFE8 Tailwind Red 200 #FECACA Tailwind Fuchsia 300 #F0ABFC Tailwind Pink 300 #F9A8D4 Tailwind Red 300 #FCA5A5 Tailwind Rose 300 #FDA4AF Tailwind Fuchsia 400 #E879F9 Tailwind Pink 400 #F472B6 Tailwind Fuchsia 500 #D946EF Tailwind Pink 500 #EC4899 Tailwind Pink 600 #DB2777 Tailwind Fuchsia 600 #C026D3 Tailwind Pink 700 #BE185D Tailwind Fuchsia 700 #A21CAF Tailwind Pink 800 #9D174D Tailwind Rose 800 #9F1239 Tailwind Fuchsia 800 #86198F Tailwind Pink 900 #831843 Tailwind Rose 900 #881337 Tailwind Fuchsia 900 #701A75 Tailwind Pink 950 #500724 Tailwind Fuchsia 950 #4A044E Tailwind Rose 950 #4C0519

Browns 2

Tailwind Orange 900 #7C2D12 Tailwind Yellow 900 #713F12

Grays 28

Tailwind Stone 100 #F5F5F4 Tailwind Zinc 100 #F4F4F5 Tailwind Stone 200 #E7E5E4 Tailwind Zinc 200 #E4E4E7 Tailwind Neutral 200 #E5E5E5 Tailwind Zinc 300 #D4D4D8 Tailwind Neutral 300 #D4D4D4 Tailwind Stone 300 #D6D3D1 Tailwind Gray 400 #9CA3AF Tailwind Zinc 400 #A1A1AA Tailwind Neutral 400 #A3A3A3 Tailwind Stone 400 #A8A29E Tailwind Gray 500 #6B7280 Tailwind Zinc 500 #71717A Tailwind Neutral 500 #737373 Tailwind Stone 500 #78716C Tailwind Zinc 600 #52525B Tailwind Stone 600 #57534E Tailwind Neutral 600 #525252 Tailwind Zinc 700 #3F3F46 Tailwind Neutral 700 #404040 Tailwind Stone 700 #44403C Tailwind Zinc 800 #27272A Tailwind Stone 800 #292524 Tailwind Neutral 800 #262626 Tailwind Stone 900 #1C1917 Tailwind Zinc 900 #18181B Tailwind Neutral 900 #171717

Whites 20

Tailwind Purple 50 #FAF5FF Tailwind Slate 50 #F8FAFC Tailwind Gray 50 #F9FAFB Tailwind Zinc 50 #FAFAFA Tailwind Fuchsia 50 #FDF4FF Tailwind Stone 50 #FAFAF9 Tailwind Violet 50 #F5F3FF Tailwind Red 50 #FEF2F2 Tailwind Rose 50 #FFF1F2 Tailwind Pink 50 #FDF2F8 Tailwind Sky 50 #F0F9FF Tailwind Blue 50 #EFF6FF Tailwind Green 50 #F0FDF4 Tailwind Indigo 50 #EEF2FF Tailwind Teal 50 #F0FDFA Tailwind Orange 50 #FFF7ED Tailwind Cyan 50 #ECFEFF White Smoke #F5F5F5 Tailwind Amber 50 #FFFBEB Tailwind Slate 100 #F1F5F9

Blacks 5

Tailwind Slate 950 #020617 Tailwind Gray 950 #030712 Tailwind Stone 950 #0C0A09 Jet Black #0A0A0A Tailwind Zinc 950 #09090B