<p class="text-primary">text-primary</p>
<p class="text-secondary">text-secondary</p>
<p class="text-success">text-success</p>
<p class="text-info">text-info</p>
<p class="text-warning">text-warning</p>
<p class="text-danger">text-danger</p>
<p class="inline-block pe-4 text-default">text-default</p><br />
<p class="inline-block pe-4 text-soft">text-soft</p><br />
<p class="inline-block pe-4 text-subtle">text-subtle</p><br />
<p class="inline-block pe-4 text-muted">text-muted</p><br />
<p class="inline-block pe-4 text-highlight">text-highlight</p><br />
<p class="inline-block pe-4 text-emphasis">text-emphasis</p><br />
<p class="inline-block pe-4 text-light bg-dark">text-light</p><br />
<p class="inline-block pe-4 text-dark">text-dark</p><br />
<p class="inline-block pe-4 text-contrast bg-dark">text-contrast</p><br /><span class="pe-4 text-primary-subtle bg-dark dark:bg-gray-400 ">text-primary-subtle</span><br /><span class="pe-4 text-primary-light  ">text-primary-light</span><br /><span class="pe-4 text-primary-lighter  ">text-primary-lighter</span><br /><span class="pe-4 text-primary-dark  ">text-primary-dark</span><br /><span class="pe-4 text-primary-darker  ">text-primary-darker</span><br /><span class="pe-4 text-secondary-subtle bg-dark dark:bg-gray-400 ">text-secondary-subtle</span><br /><span class="pe-4 text-secondary-light  ">text-secondary-light</span><br /><span class="pe-4 text-secondary-lighter  ">text-secondary-lighter</span><br /><span class="pe-4 text-secondary-dark   bg-white">text-secondary-dark</span><br /><span class="pe-4 text-secondary-darker  ">text-secondary-darker</span><br /><span class="pe-4 text-success-subtle bg-dark dark:bg-gray-400 ">text-success-subtle</span><br /><span class="pe-4 text-success-light  ">text-success-light</span><br /><span class="pe-4 text-success-lighter  ">text-success-lighter</span><br /><span class="pe-4 text-success-dark  ">text-success-dark</span><br /><span class="pe-4 text-success-darker  ">text-success-darker</span><br /><span class="pe-4 text-info-subtle bg-dark dark:bg-gray-400 ">text-info-subtle</span><br /><span class="pe-4 text-info-light  ">text-info-light</span><br /><span class="pe-4 text-info-lighter  ">text-info-lighter</span><br /><span class="pe-4 text-info-dark  ">text-info-dark</span><br /><span class="pe-4 text-info-darker  ">text-info-darker</span><br /><span class="pe-4 text-warning-subtle bg-dark dark:bg-gray-400 ">text-warning-subtle</span><br /><span class="pe-4 text-warning-light  ">text-warning-light</span><br /><span class="pe-4 text-warning-lighter  ">text-warning-lighter</span><br /><span class="pe-4 text-warning-dark  ">text-warning-dark</span><br /><span class="pe-4 text-warning-darker  ">text-warning-darker</span><br /><span class="pe-4 text-danger-subtle bg-dark dark:bg-gray-400 ">text-danger-subtle</span><br /><span class="pe-4 text-danger-light  ">text-danger-light</span><br /><span class="pe-4 text-danger-lighter  ">text-danger-lighter</span><br /><span class="pe-4 text-danger-dark  ">text-danger-dark</span><br /><span class="pe-4 text-danger-darker  ">text-danger-darker</span><br />

<div class="text-primary mb-1">This is default primary text</div>
<div class="text-primary/75 mb-1">This is 75% opacity primary text using utility class</div>
<div class="text-primary/50 mb-1">This is 50% opacity primary text using utility class</div>
<div class="text-primary/25 mb-1">This is 25% opacity primary text using utility class</div>