Skip to content

Instantly share code, notes, and snippets.

@aurawindsurfing
Created February 15, 2021 10:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aurawindsurfing/8ff82a2392954614381892ff34648cfc to your computer and use it in GitHub Desktop.
Save aurawindsurfing/8ff82a2392954614381892ff34648cfc to your computer and use it in GitHub Desktop.
tailwindcss 2.0 default colour palette for use with https://palettte.app/
[{
"paletteName": "Gray",
"swatches": [
{ "name": "50", "color": "F9FAFB" },
{ "name": "100", "color": "F3F4F6" },
{ "name": "200", "color": "E5E7EB" },
{ "name": "300", "color": "D1D5DB" },
{ "name": "400", "color": "9CA3AF" },
{ "name": "500", "color": "6B7280" },
{ "name": "600", "color": "4B5563" },
{ "name": "700", "color": "374151" },
{ "name": "800", "color": "1F2937" },
{ "name": "900", "color": "111827" }
]
},
{
"paletteName": "Red",
"swatches": [
{ "name": "50", "color": "FEF2F2" },
{ "name": "100", "color": "FEE2E2" },
{ "name": "200", "color": "FECACA" },
{ "name": "300", "color": "FCA5A5" },
{ "name": "400", "color": "F87171" },
{ "name": "500", "color": "EF4444" },
{ "name": "600", "color": "DC2626" },
{ "name": "700", "color": "B91C1C" },
{ "name": "800", "color": "991B1B" },
{ "name": "900", "color": "7F1D1D" }
]
},
{
"paletteName": "Yellow",
"swatches": [
{ "name": "50", "color": "FFFBEB" },
{ "name": "100", "color": "FEF3C7" },
{ "name": "200", "color": "FDE68A" },
{ "name": "300", "color": "FCD34D" },
{ "name": "400", "color": "FBBF24" },
{ "name": "500", "color": "F59E0B" },
{ "name": "600", "color": "D97706" },
{ "name": "700", "color": "B45309" },
{ "name": "800", "color": "92400E" },
{ "name": "900", "color": "78350F" }
]
},
{
"paletteName": "Green",
"swatches": [
{ "name": "50", "color": "ECFDF5" },
{ "name": "100", "color": "D1FAE5" },
{ "name": "200", "color": "A7F3D0" },
{ "name": "300", "color": "6EE7B7" },
{ "name": "400", "color": "34D399" },
{ "name": "500", "color": "10B981" },
{ "name": "600", "color": "059669" },
{ "name": "700", "color": "047857" },
{ "name": "800", "color": "065F46" },
{ "name": "900", "color": "064E3B" }
]
},
{
"paletteName": "Blue",
"swatches": [
{ "name": "50", "color": "EFF6FF" },
{ "name": "100", "color": "DBEAFE" },
{ "name": "200", "color": "BFDBFE" },
{ "name": "300", "color": "93C5FD" },
{ "name": "400", "color": "60A5FA" },
{ "name": "500", "color": "3B82F6" },
{ "name": "600", "color": "2563EB" },
{ "name": "700", "color": "1D4ED8" },
{ "name": "800", "color": "1E40AF" },
{ "name": "900", "color": "1E3A8A" }
]
},
{
"paletteName": "Indigo",
"swatches": [
{ "name": "50", "color": "EEF2FF" },
{ "name": "100", "color": "E0E7FF" },
{ "name": "200", "color": "C7D2FE" },
{ "name": "300", "color": "A5B4FC" },
{ "name": "400", "color": "818CF8" },
{ "name": "500", "color": "818CF8" },
{ "name": "600", "color": "4F46E5" },
{ "name": "700", "color": "4338CA" },
{ "name": "800", "color": "3730A3" },
{ "name": "900", "color": "312E81" }
]
},
{
"paletteName": "Purple",
"swatches": [
{ "name": "50", "color": "F5F3FF" },
{ "name": "100", "color": "EDE9FE" },
{ "name": "200", "color": "DDD6FE" },
{ "name": "300", "color": "C4B5FD" },
{ "name": "400", "color": "A78BFA" },
{ "name": "500", "color": "8B5CF6" },
{ "name": "600", "color": "7C3AED" },
{ "name": "700", "color": "6D28D9" },
{ "name": "800", "color": "5B21B6" },
{ "name": "900", "color": "4C1D95" }
]
},
{
"paletteName": "Pink",
"swatches": [
{ "name": "50", "color": "FDF2F8" },
{ "name": "100", "color": "FCE7F3" },
{ "name": "200", "color": "FBCFE8" },
{ "name": "300", "color": "F9A8D4" },
{ "name": "400", "color": "F472B6" },
{ "name": "500", "color": "EC4899" },
{ "name": "600", "color": "DB2777" },
{ "name": "700", "color": "BE185D" },
{ "name": "800", "color": "9D174D" },
{ "name": "900", "color": "831843" }
]
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment