diff --git a/views/colors.html b/views/colors.html
new file mode 100644
index 0000000..9406480
--- /dev/null
+++ b/views/colors.html
@@ -0,0 +1,23 @@
+<span class="bg-red-100 text-red-800 bg-red-900 text-red-300">FOO</span>
+<span class="bg-orange-100 text-orange-800 bg-orange-900 text-orange-300">FOO</span>
+<span class="bg-amber-100 text-amber-800 bg-amber-900 text-amber-300">FOO</span>
+<span class="bg-yellow-100 text-yellow-800 bg-yellow-900 text-yellow-300">FOO</span>
+<span class="bg-lime-100 text-lime-800 bg-lime-900 text-lime-300">FOO</span>
+<span class="bg-green-100 text-green-800 bg-green-900 text-green-300">FOO</span>
+<span class="bg-emerald-100 text-emerald-800 bg-emerald-900 text-emerald-300">FOO</span>
+<span class="bg-teal-100 text-teal-800 bg-teal-900 text-teal-300">FOO</span>
+<span class="bg-cyan-100 text-cyan-800 bg-cyan-900 text-cyan-300">FOO</span>
+<span class="bg-sky-100 text-sky-800 bg-sky-900 text-sky-300">FOO</span>
+<span class="bg-blue-100 text-blue-800 bg-blue-900 text-blue-300">FOO</span>
+<span class="bg-indigo-100 text-indigo-800 bg-indigo-900 text-indigo-300">FOO</span>
+<span class="bg-violet-100 text-violet-800 bg-violet-900 text-violet-300">FOO</span>
+<span class="bg-purple-100 text-purple-800 bg-purple-900 text-purple-300">FOO</span>
+<span class="bg-fuchsia-100 text-fuchsia-800 bg-fuchsia-900 text-fuchsia-300">FOO</span>
+<span class="bg-pink-100 text-pink-800 bg-pink-900 text-pink-300">FOO</span>
+<span class="bg-rose-100 text-rose-800 bg-rose-900 text-rose-300">FOO</span>
+<span class="bg-slate-100 text-slate-800 bg-slate-900 text-slate-300">FOO</span>
+<span class="bg-gray-100 text-gray-800 bg-gray-900 text-gray-300">FOO</span>
+<span class="bg-zinc-100 text-zinc-800 bg-zinc-900 text-zinc-300">FOO</span>
+<span class="bg-neutral-100 text-neutral-800 bg-neutral-900 text-neutral-300">FOO</span>
+<span class="bg-stone-100 text-stone-800 bg-stone-900 text-stone-300">FOO</span>
+