<div class="bg-default p">Default</div>
<div class="bg-alt p">Alternate</div>
<div class="bg-inv p">Inverse</div>
<div class="bg-primary p">Primary</div>
<div class="bg-secondary p">Secondary</div>
<div class="bg-success p">Success</div>
<div class="bg-warning p">Warning</div>
<div class="bg-danger p">Danger</div>

<p>Normal</p>
<p class="tc-muted">Muted</p>
<p class="tc-inv" style="background: grey">Inverse</p>
<p class="tc-primary">Primary</p>
<p class="tc-secondary">Secondary</p>
<p class="tc-success">Success</p>
<p class="tc-warning">Warning</p>
<p class="tc-danger">Danger</p>

Normal

Muted

Inverse

Primary

Secondary

Success

Warning

Danger