---
title: Colors
---
### Text

<p class="text-primary">Text primary</p>
<p class="text-secondary">Text secondary</p>
<p class="text-success">Text success</p>
<p class="text-warning">Text warning</p>
<p class="text-danger">Text danger</p>
<p class="text-muted">Text muted</p>

#### Code:

```html
<p class="text-primary">Text primary</p>
<p class="text-secondary">Text secondary</p>
<p class="text-success">Text success</p>
<p class="text-warning">Text warning</p>
<p class="text-danger">Text danger</p>
<p class="text-muted">Text muted</p> 
```

### Backgrounds

<div class="row flex-center">
  <div class="sm-2 col background-primary">Background primary</div>
  <div class="sm-2 col background-secondary">Background secondary</div>
  <div class="sm-2 col background-success">Background success</div>
  <div class="sm-2 col background-warning">Background warning</div>
  <div class="sm-2 col background-danger">Background danger</div>
</div>

#### Code:

```html
<div class="row flex-center">
  <div class="sm-2 col background-primary">Background primary</div>
  <div class="sm-2 col background-secondary">Background secondary</div>
  <div class="sm-2 col background-success">Background success</div>
  <div class="sm-2 col background-warning">Background warning</div>
  <div class="sm-2 col background-danger">Background danger</div>
</div>
```