Tailwind menyediakan palet warna lengkap dengan 10 shade per warna.

Text color: text-{warna}-{shade}

<p class="text-red-500">Teks merah</p>
<p class="text-blue-700">Teks biru tua</p>

Background: bg-{warna}-{shade}

<div class="bg-green-100">Background hijau muda</div>
<div class="bg-gray-900">Background hampir hitam</div>

Warna tersedia: slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose

Shade: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950

Opacity: bg-black/50 (background hitam 50% opacity)

Gradient:

<div class="bg-gradient-to-r from-blue-500 to-purple-500">Gradient</div>