Text color

Tailwind CSS Text color

Use responsive text color styles with Tailwind elements. See how to easily and simply change the text color.

Basic example

Change text colors with .text-{color} classes.

Graceful gazelle, swift elegance, nature's poetry in motion.

HTML

        
            
        <p class="text-primary">...</p>
        <p class="text-secondary">...</p>
        <p class="text-success">...</p>
        <p class="text-danger">...</p>
        <p class="text-warning">...</p>
        <p class="text-info">...</p>
        <p class="bg-neutral-800 text-neutral-50 dark:bg-transparent">...</p>
        <p class="text-neutral-800 dark:bg-neutral-50 dark:text-neutral-900">
          ...
        </p>

Basic example
Related resources

Text color

Tailwind CSS Text color

Basic example

Related resources