Lesson 6 of 3020%
(Progress persistence is disabled until Phase 9)
Tailwind CSS
Beginner
Text Colors
Learn how to apply colors to text in Tailwind.
Tailwind comes with a beautiful default color palette.
To color text, use the text-{color}-{shade} format.
Color Shades
Colors range from 50 (lightest) to 950 (darkest).
<p class="text-blue-500">Normal Blue</p>
<p class="text-blue-200">Light Blue</p>
<p class="text-blue-800">Dark Blue</p>Special Colors
text-blacktext-whitetext-transparent
Exercise
Change the text color of the heading in the playground to text-purple-600.