Skip to main content

colorBase

Color tools & libraries

Colors Brands Names Gradients Palettes Images Dev Blog

colorBase

Free modern color tools for designers and developers. Visit colorbase.in.

Our Tools

All tools
CSS Tools
Developer Tools
Text Tools

Libraries

Color Library
Brand Colors
Gradients
Palettes

Company

About
Blog
Contact
Privacy

© 2026 colorBase. All rights reserved.

Home
Color Library
Tailwind Colors

Design system

Tailwind Colors

99 colors from the Tailwind Colors system. Click any swatch for full formats and harmonies.

#0f172a

#0369a1

#0d9488

#ca8a04

#e11d48

#7c3aed

#fef3c7

Tailwind amber 100

Shade 100

#fde68a

Tailwind amber 200

Shade 200

#fcd34d

Tailwind amber 300

Shade 300

#fbbf24

Tailwind amber 400

Shade 400

#fffbeb

Tailwind amber 50

Shade 50

#f59e0b

Tailwind amber 500

Shade 500

#d97706

Tailwind amber 600

Shade 600

#b45309

Tailwind amber 700

Shade 700

#92400e

Tailwind amber 800

Shade 800

#78350f

Tailwind amber 900

Shade 900

#451a03

Tailwind amber 950

Shade 950

#dbeafe

Tailwind blue 100

Shade 100

#bfdbfe

Tailwind blue 200

Shade 200

#93c5fd

Tailwind blue 300

Shade 300

#60a5fa

Tailwind blue 400

Shade 400

#eff6ff

Tailwind blue 50

Shade 50

#3b82f6

Tailwind blue 500

Shade 500

#2563eb

Tailwind blue 600

Shade 600

#1d4ed8

Tailwind blue 700

Shade 700

#1e40af

Tailwind blue 800

Shade 800

#1e3a8a

Tailwind blue 900

Shade 900

#172554

Tailwind blue 950

Shade 950

#cffafe

Tailwind cyan 100

Shade 100

#a5f3fc

Tailwind cyan 200

Shade 200

#67e8f9

Tailwind cyan 300

Shade 300

#22d3ee

Tailwind cyan 400

Shade 400

#ecfeff

Tailwind cyan 50

Shade 50

#06b6d4

Tailwind cyan 500

Shade 500

#0891b2

Tailwind cyan 600

Shade 600

#0e7490

Tailwind cyan 700

Shade 700

#155e75

Tailwind cyan 800

Shade 800

#164e63

Tailwind cyan 900

Shade 900

#083344

Tailwind cyan 950

Shade 950

#dcfce7

Tailwind green 100

Shade 100

#bbf7d0

Tailwind green 200

Shade 200

#86efac

Tailwind green 300

Shade 300

#4ade80

Tailwind green 400

Shade 400

#f0fdf4

Tailwind green 50

Shade 50

#22c55e

Tailwind green 500

Shade 500

#16a34a

Tailwind green 600

Shade 600

#15803d

Tailwind green 700

Shade 700

#166534

Tailwind green 800

Shade 800

#14532d

Tailwind green 900

Shade 900

#052e16

Tailwind green 950

Shade 950

#ffedd5

Tailwind orange 100

Shade 100

#fed7aa

Tailwind orange 200

Shade 200

#fdba74

Tailwind orange 300

Shade 300

#fb923c

Tailwind orange 400

Shade 400

#fff7ed

Tailwind orange 50

Shade 50

#f97316

Tailwind orange 500

Shade 500

#ea580c

Tailwind orange 600

Shade 600

#c2410c

Tailwind orange 700

Shade 700

#9a3412

Tailwind orange 800

Shade 800

#7c2d12

Tailwind orange 900

Shade 900

#431407

Tailwind orange 950

Shade 950

#fee2e2

Tailwind red 100

Shade 100

#fecaca

Tailwind red 200

Shade 200

#fca5a5

Tailwind red 300

Shade 300

#f87171

Tailwind red 400

Shade 400

#fef2f2

Tailwind red 50

Shade 50

#ef4444

Tailwind red 500

Shade 500

#dc2626

Tailwind red 600

Shade 600

#b91c1c

Tailwind red 700

Shade 700

#991b1b

Tailwind red 800

Shade 800

#7f1d1d

Tailwind red 900

Shade 900

#450a0a

Tailwind red 950

Shade 950

#ffe4e6

Tailwind rose 100

Shade 100

#fecdd3

Tailwind rose 200

Shade 200

#fda4af

Tailwind rose 300

Shade 300

#fb7185

Tailwind rose 400

Shade 400

#fff1f2

Tailwind rose 50

Shade 50

#f43f5e

Tailwind rose 500

Shade 500

#e11d48

Tailwind rose 600

Shade 600

#be123c

Tailwind rose 700

Shade 700

#9f1239

Tailwind rose 800

Shade 800

#881337

Tailwind rose 900

Shade 900

#4c0519

Tailwind rose 950

Shade 950

#f1f5f9

Tailwind slate 100

Shade 100

#e2e8f0

Tailwind slate 200

Shade 200

#cbd5e1

Tailwind slate 300

Shade 300

#94a3b8

Tailwind slate 400

Shade 400

#f8fafc

Tailwind slate 50

Shade 50

#64748b

Tailwind slate 500

Shade 500

#475569

Tailwind slate 600

Shade 600

#334155

Tailwind slate 700

Shade 700

#1e293b

Tailwind slate 800

Shade 800

#0f172a

Tailwind slate 900

Shade 900

#020617

Tailwind slate 950

Shade 950

#ede9fe

Tailwind violet 100

Shade 100

#ddd6fe

Tailwind violet 200

Shade 200

#c4b5fd

Tailwind violet 300

Shade 300

#a78bfa

Tailwind violet 400

Shade 400

#f5f3ff

Tailwind violet 50

Shade 50

#8b5cf6

Tailwind violet 500

Shade 500

#7c3aed

Tailwind violet 600

Shade 600

#6d28d9

Tailwind violet 700

Shade 700

#5b21b6

Tailwind violet 800

Shade 800

#4c1d95

Tailwind violet 900

Shade 900

#2e1065

Tailwind violet 950

Shade 950