Created
August 13, 2022 14:20
-
-
Save muhozi/248c14c89b5762fd5791acb5adc65bc4 to your computer and use it in GitHub Desktop.
Tailwind colors
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"slate-50": "#f8fafc", | |
"slate-100": "#f1f5f9", | |
"slate-200": "#e2e8f0", | |
"slate-300": "#cbd5e1", | |
"slate-400": "#94a3b8", | |
"slate-500": "#64748b", | |
"slate-600": "#475569", | |
"slate-700": "#334155", | |
"slate-800": "#1e293b", | |
"slate-900": "#0f172a", | |
"gray-50": "#f9fafb", | |
"gray-100": "#f3f4f6", | |
"gray-200": "#e5e7eb", | |
"gray-300": "#d1d5db", | |
"gray-400": "#9ca3af", | |
"gray-500": "#6b7280", | |
"gray-600": "#4b5563", | |
"gray-700": "#374151", | |
"gray-800": "#1f2937", | |
"gray-900": "#111827", | |
"zinc-50": "#fafafa", | |
"zinc-100": "#f4f4f5", | |
"zinc-200": "#e4e4e7", | |
"zinc-300": "#d4d4d8", | |
"zinc-400": "#a1a1aa", | |
"zinc-500": "#71717a", | |
"zinc-600": "#52525b", | |
"zinc-700": "#3f3f46", | |
"zinc-800": "#27272a", | |
"zinc-900": "#18181b", | |
"neutral-50": "#fafafa", | |
"neutral-100": "#f5f5f5", | |
"neutral-200": "#e5e5e5", | |
"neutral-300": "#d4d4d4", | |
"neutral-400": "#a3a3a3", | |
"neutral-500": "#737373", | |
"neutral-600": "#525252", | |
"neutral-700": "#404040", | |
"neutral-800": "#262626", | |
"neutral-900": "#171717", | |
"stone-50": "#fafaf9", | |
"stone-100": "#f5f5f4", | |
"stone-200": "#e7e5e4", | |
"stone-300": "#d6d3d1", | |
"stone-400": "#a8a29e", | |
"stone-500": "#78716c", | |
"stone-600": "#57534e", | |
"stone-700": "#44403c", | |
"stone-800": "#292524", | |
"stone-900": "#1c1917", | |
"red-50": "#fef2f2", | |
"red-100": "#fee2e2", | |
"red-200": "#fecaca", | |
"red-300": "#fca5a5", | |
"red-400": "#f87171", | |
"red-500": "#ef4444", | |
"red-600": "#dc2626", | |
"red-700": "#b91c1c", | |
"red-800": "#991b1b", | |
"red-900": "#7f1d1d", | |
"orange-50": "#fff7ed", | |
"orange-100": "#ffedd5", | |
"orange-200": "#fed7aa", | |
"orange-300": "#fdba74", | |
"orange-400": "#fb923c", | |
"orange-500": "#f97316", | |
"orange-600": "#ea580c", | |
"orange-700": "#c2410c", | |
"orange-800": "#9a3412", | |
"orange-900": "#7c2d12", | |
"amber-50": "#fffbeb", | |
"amber-100": "#fef3c7", | |
"amber-200": "#fde68a", | |
"amber-300": "#fcd34d", | |
"amber-400": "#fbbf24", | |
"amber-500": "#f59e0b", | |
"amber-600": "#d97706", | |
"amber-700": "#b45309", | |
"amber-800": "#92400e", | |
"amber-900": "#78350f", | |
"yellow-50": "#fefce8", | |
"yellow-100": "#fef9c3", | |
"yellow-200": "#fef08a", | |
"yellow-300": "#fde047", | |
"yellow-400": "#facc15", | |
"yellow-500": "#eab308", | |
"yellow-600": "#ca8a04", | |
"yellow-700": "#a16207", | |
"yellow-800": "#854d0e", | |
"yellow-900": "#713f12", | |
"lime-50": "#f7fee7", | |
"lime-100": "#ecfccb", | |
"lime-200": "#d9f99d", | |
"lime-300": "#bef264", | |
"lime-400": "#a3e635", | |
"lime-500": "#84cc16", | |
"lime-600": "#65a30d", | |
"lime-700": "#4d7c0f", | |
"lime-800": "#3f6212", | |
"lime-900": "#365314", | |
"green-50": "#f0fdf4", | |
"green-100": "#dcfce7", | |
"green-200": "#bbf7d0", | |
"green-300": "#86efac", | |
"green-400": "#4ade80", | |
"green-500": "#22c55e", | |
"green-600": "#16a34a", | |
"green-700": "#15803d", | |
"green-800": "#166534", | |
"green-900": "#14532d", | |
"emerald-50": "#ecfdf5", | |
"emerald-100": "#d1fae5", | |
"emerald-200": "#a7f3d0", | |
"emerald-300": "#6ee7b7", | |
"emerald-400": "#34d399", | |
"emerald-500": "#10b981", | |
"emerald-600": "#059669", | |
"emerald-700": "#047857", | |
"emerald-800": "#065f46", | |
"emerald-900": "#064e3b", | |
"teal-50": "#f0fdfa", | |
"teal-100": "#ccfbf1", | |
"teal-200": "#99f6e4", | |
"teal-300": "#5eead4", | |
"teal-400": "#2dd4bf", | |
"teal-500": "#14b8a6", | |
"teal-600": "#0d9488", | |
"teal-700": "#0f766e", | |
"teal-800": "#115e59", | |
"teal-900": "#134e4a", | |
"cyan-50": "#ecfeff", | |
"cyan-100": "#cffafe", | |
"cyan-200": "#a5f3fc", | |
"cyan-300": "#67e8f9", | |
"cyan-400": "#22d3ee", | |
"cyan-500": "#06b6d4", | |
"cyan-600": "#0891b2", | |
"cyan-700": "#0e7490", | |
"cyan-800": "#155e75", | |
"cyan-900": "#164e63", | |
"sky-50": "#f0f9ff", | |
"sky-100": "#e0f2fe", | |
"sky-200": "#bae6fd", | |
"sky-300": "#7dd3fc", | |
"sky-400": "#38bdf8", | |
"sky-500": "#0ea5e9", | |
"sky-600": "#0284c7", | |
"sky-700": "#0369a1", | |
"sky-800": "#075985", | |
"sky-900": "#0c4a6e", | |
"blue-50": "#eff6ff", | |
"blue-100": "#dbeafe", | |
"blue-200": "#bfdbfe", | |
"blue-300": "#93c5fd", | |
"blue-400": "#60a5fa", | |
"blue-500": "#3b82f6", | |
"blue-600": "#2563eb", | |
"blue-700": "#1d4ed8", | |
"blue-800": "#1e40af", | |
"blue-900": "#1e3a8a", | |
"indigo-50": "#eef2ff", | |
"indigo-100": "#e0e7ff", | |
"indigo-200": "#c7d2fe", | |
"indigo-300": "#a5b4fc", | |
"indigo-400": "#818cf8", | |
"indigo-500": "#6366f1", | |
"indigo-600": "#4f46e5", | |
"indigo-700": "#4338ca", | |
"indigo-800": "#3730a3", | |
"indigo-900": "#312e81", | |
"violet-50": "#f5f3ff", | |
"violet-100": "#ede9fe", | |
"violet-200": "#ddd6fe", | |
"violet-300": "#c4b5fd", | |
"violet-400": "#a78bfa", | |
"violet-500": "#8b5cf6", | |
"violet-600": "#7c3aed", | |
"violet-700": "#6d28d9", | |
"violet-800": "#5b21b6", | |
"violet-900": "#4c1d95", | |
"purple-50": "#faf5ff", | |
"purple-100": "#f3e8ff", | |
"purple-200": "#e9d5ff", | |
"purple-300": "#d8b4fe", | |
"purple-400": "#c084fc", | |
"purple-500": "#a855f7", | |
"purple-600": "#9333ea", | |
"purple-700": "#7e22ce", | |
"purple-800": "#6b21a8", | |
"purple-900": "#581c87", | |
"fuchsia-50": "#fdf4ff", | |
"fuchsia-100": "#fae8ff", | |
"fuchsia-200": "#f5d0fe", | |
"fuchsia-300": "#f0abfc", | |
"fuchsia-400": "#e879f9", | |
"fuchsia-500": "#d946ef", | |
"fuchsia-600": "#c026d3", | |
"fuchsia-700": "#a21caf", | |
"fuchsia-800": "#86198f", | |
"fuchsia-900": "#701a75", | |
"pink-50": "#fdf2f8", | |
"pink-100": "#fce7f3", | |
"pink-200": "#fbcfe8", | |
"pink-300": "#f9a8d4", | |
"pink-400": "#f472b6", | |
"pink-500": "#ec4899", | |
"pink-600": "#db2777", | |
"pink-700": "#be185d", | |
"pink-800": "#9d174d", | |
"pink-900": "#831843", | |
"rose-50": "#fff1f2", | |
"rose-100": "#ffe4e6", | |
"rose-200": "#fecdd3", | |
"rose-300": "#fda4af", | |
"rose-400": "#fb7185", | |
"rose-500": "#f43f5e", | |
"rose-600": "#e11d48", | |
"rose-700": "#be123c", | |
"rose-800": "#9f1239", | |
"rose-900": "#881337" | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment