Skip to content

Instantly share code, notes, and snippets.

@muhozi
Created August 13, 2022 14:20
Show Gist options
  • Save muhozi/248c14c89b5762fd5791acb5adc65bc4 to your computer and use it in GitHub Desktop.
Save muhozi/248c14c89b5762fd5791acb5adc65bc4 to your computer and use it in GitHub Desktop.
Tailwind colors
{
"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