Tailwind Colors
Tailwind CSS colors cheatsheet with hex, rgb, hsl, and oklch values. Easily copy colors in your required format.
rose
50
HEX #fff1f2
100
HEX #ffe4e6
200
HEX #fecdd3
300
HEX #fda4af
400
HEX #fb7185
500
HEX #f43f5e
600
HEX #e11d48
700
HEX #be123c
800
HEX #9f1239
900
HEX #881337
950
HEX #4c0519
pink
50
HEX #fdf2f8
100
HEX #fce7f3
200
HEX #fbcfe8
300
HEX #f9a8d4
400
HEX #f472b6
500
HEX #ec4899
600
HEX #db2777
700
HEX #be185d
800
HEX #9d174d
900
HEX #831843
950
HEX #500724
fuchsia
50
HEX #fdf4ff
100
HEX #fae8ff
200
HEX #f5d0fe
300
HEX #f0abfc
400
HEX #e879f9
500
HEX #d946ef
600
HEX #c026d3
700
HEX #a21caf
800
HEX #86198f
900
HEX #701a75
950
HEX #4a044e
purple
50
HEX #faf5ff
100
HEX #f3e8ff
200
HEX #e9d5ff
300
HEX #d8b4fe
400
HEX #c084fc
500
HEX #a855f7
600
HEX #9333ea
700
HEX #7e22ce
800
HEX #6b21a8
900
HEX #581c87
950
HEX #3b0764
violet
50
HEX #f5f3ff
100
HEX #ede9fe
200
HEX #ddd6fe
300
HEX #c4b5fd
400
HEX #a78bfa
500
HEX #8b5cf6
600
HEX #7c3aed
700
HEX #6d28d9
800
HEX #5b21b6
900
HEX #4c1d95
950
HEX #2e1065
indigo
50
HEX #eef2ff
100
HEX #e0e7ff
200
HEX #c7d2fe
300
HEX #a5b4fc
400
HEX #818cf8
500
HEX #6366f1
600
HEX #4f46e5
700
HEX #4338ca
800
HEX #3730a3
900
HEX #312e81
950
HEX #1e1b4b
blue
50
HEX #eff6ff
100
HEX #dbeafe
200
HEX #bfdbfe
300
HEX #93c5fd
400
HEX #60a5fa
500
HEX #3b82f6
600
HEX #2563eb
700
HEX #1d4ed8
800
HEX #1e40af
900
HEX #1e3a8a
950
HEX #172554
sky
50
HEX #f0f9ff
100
HEX #e0f2fe
200
HEX #bae6fd
300
HEX #7dd3fc
400
HEX #38bdf8
500
HEX #0ea5e9
600
HEX #0284c7
700
HEX #0369a1
800
HEX #075985
900
HEX #0c4a6e
950
HEX #082f49
cyan
50
HEX #ecfeff
100
HEX #cffafe
200
HEX #a5f3fc
300
HEX #67e8f9
400
HEX #22d3ee
500
HEX #06b6d4
600
HEX #0891b2
700
HEX #0e7490
800
HEX #155e75
900
HEX #164e63
950
HEX #083344
teal
50
HEX #f0fdfa
100
HEX #ccfbf1
200
HEX #99f6e4
300
HEX #5eead4
400
HEX #2dd4bf
500
HEX #14b8a6
600
HEX #0d9488
700
HEX #0f766e
800
HEX #115e59
900
HEX #134e4a
950
HEX #042f2e
emerald
50
HEX #ecfdf5
100
HEX #d1fae5
200
HEX #a7f3d0
300
HEX #6ee7b7
400
HEX #34d399
500
HEX #10b981
600
HEX #059669
700
HEX #047857
800
HEX #065f46
900
HEX #064e3b
950
HEX #022c22
green
50
HEX #f0fdf4
100
HEX #dcfce7
200
HEX #bbf7d0
300
HEX #86efac
400
HEX #4ade80
500
HEX #22c55e
600
HEX #16a34a
700
HEX #15803d
800
HEX #166534
900
HEX #14532d
950
HEX #052e16
lime
50
HEX #f7fee7
100
HEX #ecfccb
200
HEX #d9f99d
300
HEX #bef264
400
HEX #a3e635
500
HEX #84cc16
600
HEX #65a30d
700
HEX #4d7c0f
800
HEX #3f6212
900
HEX #365314
950
HEX #1a2e05
yellow
50
HEX #fefce8
100
HEX #fef9c3
200
HEX #fef08a
300
HEX #fde047
400
HEX #facc15
500
HEX #eab308
600
HEX #ca8a04
700
HEX #a16207
800
HEX #854d0e
900
HEX #713f12
950
HEX #422006
amber
50
HEX #fffbeb
100
HEX #fef3c7
200
HEX #fde68a
300
HEX #fcd34d
400
HEX #fbbf24
500
HEX #f59e0b
600
HEX #d97706
700
HEX #b45309
800
HEX #92400e
900
HEX #78350f
950
HEX #451a03
orange
50
HEX #fff7ed
100
HEX #ffedd5
200
HEX #fed7aa
300
HEX #fdba74
400
HEX #fb923c
500
HEX #f97316
600
HEX #ea580c
700
HEX #c2410c
800
HEX #9a3412
900
HEX #7c2d12
950
HEX #431407
red
50
HEX #fef2f2
100
HEX #fee2e2
200
HEX #fecaca
300
HEX #fca5a5
400
HEX #f87171
500
HEX #ef4444
600
HEX #dc2626
700
HEX #b91c1c
800
HEX #991b1b
900
HEX #7f1d1d
950
HEX #450a0a
stone
50
HEX #fafaf9
100
HEX #f5f5f4
200
HEX #e7e5e4
300
HEX #d6d3d1
400
HEX #a8a29e
500
HEX #78716c
600
HEX #57534e
700
HEX #44403c
800
HEX #292524
900
HEX #1c1917
950
HEX #0c0a09
neutral
50
HEX #fafafa
100
HEX #f5f5f5
200
HEX #e5e5e5
300
HEX #d4d4d4
400
HEX #a3a3a3
500
HEX #737373
600
HEX #525252
700
HEX #404040
800
HEX #262626
900
HEX #171717
950
HEX #0a0a0a
zinc
50
HEX #fafafa
100
HEX #f4f4f5
200
HEX #e4e4e7
300
HEX #d4d4d8
400
HEX #a1a1aa
500
HEX #71717a
600
HEX #52525b
700
HEX #3f3f46
800
HEX #27272a
900
HEX #18181b
950
HEX #09090b
gray
50
HEX #f9fafb
100
HEX #f3f4f6
200
HEX #e5e7eb
300
HEX #d1d5db
400
HEX #9ca3af
500
HEX #6b7280
600
HEX #4b5563
700
HEX #374151
800
HEX #1f2937
900
HEX #111827
950
HEX #030712
slate
50
HEX #f8fafc
100
HEX #f1f5f9
200
HEX #e2e8f0
300
HEX #cbd5e1
400
HEX #94a3b8
500
HEX #64748b
600
HEX #475569
700
HEX #334155
800
HEX #1e293b
900
HEX #0f172a
950
HEX #020617