{"id":25803542,"url":"https://github.com/lixelv/tailwind-colors","last_synced_at":"2025-07-27T15:16:22.655Z","repository":{"id":250950668,"uuid":"835950879","full_name":"lixelv/tailwind-colors","owner":"lixelv","description":null,"archived":false,"fork":false,"pushed_at":"2024-07-30T21:30:04.000Z","size":26,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-24T01:56:26.924Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://tailwind-colors-pearl.vercel.app","language":"Svelte","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lixelv.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-30T21:17:03.000Z","updated_at":"2025-02-09T01:33:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"3ca88ce9-bce4-4822-ac2e-b35352013e2c","html_url":"https://github.com/lixelv/tailwind-colors","commit_stats":null,"previous_names":["lixelv/tailwind_colors","lixelv/tailwind-colors"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lixelv/tailwind-colors","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lixelv%2Ftailwind-colors","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lixelv%2Ftailwind-colors/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lixelv%2Ftailwind-colors/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lixelv%2Ftailwind-colors/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lixelv","download_url":"https://codeload.github.com/lixelv/tailwind-colors/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lixelv%2Ftailwind-colors/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267376556,"owners_count":24077354,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-27T02:00:11.917Z","response_time":82,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-02-27T17:56:18.769Z","updated_at":"2025-07-27T15:16:22.612Z","avatar_url":"https://github.com/lixelv.png","language":"Svelte","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tailwind Colors\n\n## [Preview](https://tailwindcolors.netlify.app)\n\nThis site was created to help you choose the best colors for your next project (I've stole them from [the tailwind docs](https://tailwindcss.com/docs/customizing-colors)).\n\n## Here is a list of colors for css\n\n```css\n:root {\n    --lt-slate-50: #f8fafc;\n    --lt-slate-100: #f1f5f9;\n    --lt-slate-200: #e2e8f0;\n    --lt-slate-300: #cbd5e1;\n    --lt-slate-400: #94a3b8;\n    --lt-slate-500: #64748b;\n    --lt-slate-600: #475569;\n    --lt-slate-700: #334155;\n    --lt-slate-800: #1e293b;\n    --lt-slate-900: #0f172a;\n    --lt-slate-950: #020617;\n\n    --lt-gray-50: #f9fafb;\n    --lt-gray-100: #f3f4f6;\n    --lt-gray-200: #e5e7eb;\n    --lt-gray-300: #d1d5db;\n    --lt-gray-400: #9ca3af;\n    --lt-gray-500: #6b7280;\n    --lt-gray-600: #4b5563;\n    --lt-gray-700: #374151;\n    --lt-gray-800: #1f2937;\n    --lt-gray-900: #111827;\n    --lt-gray-950: #030712;\n\n    --lt-zinc-50: #fafafa;\n    --lt-zinc-100: #f4f4f5;\n    --lt-zinc-200: #e4e4e7;\n    --lt-zinc-300: #d4d4d8;\n    --lt-zinc-400: #a1a1aa;\n    --lt-zinc-500: #71717a;\n    --lt-zinc-600: #52525b;\n    --lt-zinc-700: #3f3f46;\n    --lt-zinc-800: #27272a;\n    --lt-zinc-900: #18181b;\n    --lt-zinc-950: #09090b;\n\n    --lt-neutral-50: #fafafa;\n    --lt-neutral-100: #f5f5f5;\n    --lt-neutral-200: #e5e5e5;\n    --lt-neutral-300: #d4d4d4;\n    --lt-neutral-400: #a3a3a3;\n    --lt-neutral-500: #737373;\n    --lt-neutral-600: #525252;\n    --lt-neutral-700: #404040;\n    --lt-neutral-800: #262626;\n    --lt-neutral-900: #171717;\n    --lt-neutral-950: #0a0a0a;\n\n    --lt-stone-50: #fafaf9;\n    --lt-stone-100: #f5f5f4;\n    --lt-stone-200: #e7e5e4;\n    --lt-stone-300: #d6d3d1;\n    --lt-stone-400: #a8a29e;\n    --lt-stone-500: #78716c;\n    --lt-stone-600: #57534e;\n    --lt-stone-700: #44403c;\n    --lt-stone-800: #292524;\n    --lt-stone-900: #1c1917;\n    --lt-stone-950: #0c0a09;\n\n    --lt-red-50: #fef2f2;\n    --lt-red-100: #fee2e2;\n    --lt-red-200: #fecaca;\n    --lt-red-300: #fca5a5;\n    --lt-red-400: #f87171;\n    --lt-red-500: #ef4444;\n    --lt-red-600: #dc2626;\n    --lt-red-700: #b91c1c;\n    --lt-red-800: #991b1b;\n    --lt-red-900: #7f1d1d;\n    --lt-red-950: #450a0a;\n\n    --lt-orange-50: #fff7ed;\n    --lt-orange-100: #ffedd5;\n    --lt-orange-200: #fed7aa;\n    --lt-orange-300: #fdba74;\n    --lt-orange-400: #fb923c;\n    --lt-orange-500: #f97316;\n    --lt-orange-600: #ea580c;\n    --lt-orange-700: #c2410c;\n    --lt-orange-800: #9a3412;\n    --lt-orange-900: #7c2d12;\n    --lt-orange-950: #431407;\n\n    --lt-amber-50: #fffbeb;\n    --lt-amber-100: #fef3c7;\n    --lt-amber-200: #fde68a;\n    --lt-amber-300: #fcd34d;\n    --lt-amber-400: #fbbf24;\n    --lt-amber-500: #f59e0b;\n    --lt-amber-600: #d97706;\n    --lt-amber-700: #b45309;\n    --lt-amber-800: #92400e;\n    --lt-amber-900: #78350f;\n    --lt-amber-950: #451a03;\n\n    --lt-yellow-50: #fefce8;\n    --lt-yellow-100: #fef9c3;\n    --lt-yellow-200: #fef08a;\n    --lt-yellow-300: #fde047;\n    --lt-yellow-400: #facc15;\n    --lt-yellow-500: #eab308;\n    --lt-yellow-600: #ca8a04;\n    --lt-yellow-700: #a16207;\n    --lt-yellow-800: #854d0e;\n    --lt-yellow-900: #713f12;\n    --lt-yellow-950: #422006;\n\n    --lt-lime-50: #f7fee7;\n    --lt-lime-100: #ecfccb;\n    --lt-lime-200: #d9f99d;\n    --lt-lime-300: #bef264;\n    --lt-lime-400: #a3e635;\n    --lt-lime-500: #84cc16;\n    --lt-lime-600: #65a30d;\n    --lt-lime-700: #4d7c0f;\n    --lt-lime-800: #3f6212;\n    --lt-lime-900: #365314;\n    --lt-lime-950: #1a2e05;\n\n    --lt-green-50: #f0fdf4;\n    --lt-green-100: #dcfce7;\n    --lt-green-200: #bbf7d0;\n    --lt-green-300: #86efac;\n    --lt-green-400: #4ade80;\n    --lt-green-500: #22c55e;\n    --lt-green-600: #16a34a;\n    --lt-green-700: #15803d;\n    --lt-green-800: #166534;\n    --lt-green-900: #14532d;\n    --lt-green-950: #052e16;\n\n    --lt-emerald-50: #ecfdf5;\n    --lt-emerald-100: #d1fae5;\n    --lt-emerald-200: #a7f3d0;\n    --lt-emerald-300: #6ee7b7;\n    --lt-emerald-400: #34d399;\n    --lt-emerald-500: #10b981;\n    --lt-emerald-600: #059669;\n    --lt-emerald-700: #047857;\n    --lt-emerald-800: #065f46;\n    --lt-emerald-900: #064e3b;\n    --lt-emerald-950: #022c22;\n\n    --lt-teal-50: #f0fdfa;\n    --lt-teal-100: #ccfbf1;\n    --lt-teal-200: #99f6e4;\n    --lt-teal-300: #5eead4;\n    --lt-teal-400: #2dd4bf;\n    --lt-teal-500: #14b8a6;\n    --lt-teal-600: #0d9488;\n    --lt-teal-700: #0f766e;\n    --lt-teal-800: #115e59;\n    --lt-teal-900: #134e4a;\n    --lt-teal-950: #042f2e;\n\n    --lt-cyan-50: #ecfeff;\n    --lt-cyan-100: #cffafe;\n    --lt-cyan-200: #a5f3fc;\n    --lt-cyan-300: #67e8f9;\n    --lt-cyan-400: #22d3ee;\n    --lt-cyan-500: #06b6d4;\n    --lt-cyan-600: #0891b2;\n    --lt-cyan-700: #0e7490;\n    --lt-cyan-800: #155e75;\n    --lt-cyan-900: #164e63;\n    --lt-cyan-950: #083344;\n\n    --lt-sky-50: #f0f9ff;\n    --lt-sky-100: #e0f2fe;\n    --lt-sky-200: #bae6fd;\n    --lt-sky-300: #7dd3fc;\n    --lt-sky-400: #38bdf8;\n    --lt-sky-500: #0ea5e9;\n    --lt-sky-600: #0284c7;\n    --lt-sky-700: #0369a1;\n    --lt-sky-800: #075985;\n    --lt-sky-900: #0c4a6e;\n    --lt-sky-950: #082f49;\n\n    --lt-blue-50: #eff6ff;\n    --lt-blue-100: #dbeafe;\n    --lt-blue-200: #bfdbfe;\n    --lt-blue-300: #93c5fd;\n    --lt-blue-400: #60a5fa;\n    --lt-blue-500: #3b82f6;\n    --lt-blue-600: #2563eb;\n    --lt-blue-700: #1d4ed8;\n    --lt-blue-800: #1e40af;\n    --lt-blue-900: #1e3a8a;\n    --lt-blue-950: #172554;\n\n    --lt-indigo-50: #eef2ff;\n    --lt-indigo-100: #e0e7ff;\n    --lt-indigo-200: #c7d2fe;\n    --lt-indigo-300: #a5b4fc;\n    --lt-indigo-400: #818cf8;\n    --lt-indigo-500: #6366f1;\n    --lt-indigo-600: #4f46e5;\n    --lt-indigo-700: #4338ca;\n    --lt-indigo-800: #3730a3;\n    --lt-indigo-900: #312e81;\n    --lt-indigo-950: #1e1b4b;\n\n    --lt-violet-50: #f5f3ff;\n    --lt-violet-100: #ede9fe;\n    --lt-violet-200: #ddd6fe;\n    --lt-violet-300: #c4b5fd;\n    --lt-violet-400: #a78bfa;\n    --lt-violet-500: #8b5cf6;\n    --lt-violet-600: #7c3aed;\n    --lt-violet-700: #6d28d9;\n    --lt-violet-800: #5b21b6;\n    --lt-violet-900: #4c1d95;\n    --lt-violet-950: #2e1065;\n\n    --lt-purple-50: #faf5ff;\n    --lt-purple-100: #f3e8ff;\n    --lt-purple-200: #e9d5ff;\n    --lt-purple-300: #d8b4fe;\n    --lt-purple-400: #c084fc;\n    --lt-purple-500: #a855f7;\n    --lt-purple-600: #9333ea;\n    --lt-purple-700: #7e22ce;\n    --lt-purple-800: #6b21a8;\n    --lt-purple-900: #581c87;\n    --lt-purple-950: #3b0764;\n\n    --lt-fuchsia-50: #fdf4ff;\n    --lt-fuchsia-100: #fae8ff;\n    --lt-fuchsia-200: #f5d0fe;\n    --lt-fuchsia-300: #f0abfc;\n    --lt-fuchsia-400: #e879f9;\n    --lt-fuchsia-500: #d946ef;\n    --lt-fuchsia-600: #c026d3;\n    --lt-fuchsia-700: #a21caf;\n    --lt-fuchsia-800: #86198f;\n    --lt-fuchsia-900: #701a75;\n    --lt-fuchsia-950: #4a044e;\n\n    --lt-pink-50: #fdf2f8;\n    --lt-pink-100: #fce7f3;\n    --lt-pink-200: #fbcfe8;\n    --lt-pink-300: #f9a8d4;\n    --lt-pink-400: #f472b6;\n    --lt-pink-500: #ec4899;\n    --lt-pink-600: #db2777;\n    --lt-pink-700: #be185d;\n    --lt-pink-800: #9d174d;\n    --lt-pink-900: #831843;\n    --lt-pink-950: #500724;\n\n    --lt-rose-50: #fff1f2;\n    --lt-rose-100: #ffe4e6;\n    --lt-rose-200: #fecdd3;\n    --lt-rose-300: #fda4af;\n    --lt-rose-400: #fb7185;\n    --lt-rose-500: #f43f5e;\n    --lt-rose-600: #e11d48;\n    --lt-rose-700: #be123c;\n    --lt-rose-800: #9f1239;\n    --lt-rose-900: #881337;\n    --lt-rose-950: #4c0519;\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flixelv%2Ftailwind-colors","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flixelv%2Ftailwind-colors","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flixelv%2Ftailwind-colors/lists"}