Colors

Text Colors

text-red-500
text-blue-500
text-green-500

Example:

<h1 class="text-red-500">
Red Text
</h1>

Background Colors

bg-red-500
bg-blue-500
bg-green-500

Example:

<div class="bg-purple-500">
Content
</div>

Color Shades

bg-blue-100
bg-blue-300
bg-blue-500
bg-blue-700
bg-blue-900

Higher number = Darker Color