Backgrounds

<div class="bg-primary"></div>
<div class="bg-secondary"></div>
<div class="bg-success"></div>
<div class="bg-info"></div>
<div class="bg-purple"></div>
<div class="bg-warning"></div>
<div class="bg-danger"></div>
<div class="bg-light"></div>
<div class="bg-dark"></div>
<div class="bg-sky"></div>
<div class="bg-pistachio"></div>
<div class="bg-darkblue"></div>

Background pastel colors

<div class="bg-pastel-primary"></div>
<div class="bg-pastel-secondary"></div>
<div class="bg-pastel-success"></div>
<div class="bg-pastel-info"></div>
<div class="bg-pastel-purple"></div>
<div class="bg-pastel-warning"></div>
<div class="bg-pastel-dark"></div>
<div class="bg-pastel-danger"></div>
<div class="bg-pastel-darkblue"></div>

Background grays

<div class="bg-gray-100"></div>
<div class="bg-gray-200"></div>
<div class="bg-gray-300"></div>
<div class="bg-gray-400"></div>
<div class="bg-gray-500"></div>
<div class="bg-gray-600"></div>
<div class="bg-gray-700"></div>
<div class="bg-gray-800"></div>
<div class="bg-gray-900"></div>

Background gradients

<div class="bg-gradient-light"></div>
<div class="bg-gradient-light-top"></div>
<div class="bg-gradient-sky"></div>
<div class="bg-gradient-sky-top"></div>

Background cover

<div class="bg-cover" style="background-image: url('assets/img/unsplash/47.jpeg');"></div>