Background opacity colors

<!-- Source -->
<div class="bg-primary-10"></div>
<div class="bg-primary-20"></div>
<div class="bg-primary-30"></div>
<div class="bg-primary-40"></div>
<div class="bg-primary-50"></div>
<div class="bg-primary-60"></div>
<div class="bg-primary-70"></div>
<div class="bg-primary-80"></div>
<div class="bg-primary-90"></div>

<div class="bg-secondary-10"></div>
<div class="bg-secondary-20"></div>
<div class="bg-secondary-30"></div>
<div class="bg-secondary-40"></div>
<div class="bg-secondary-50"></div>
<div class="bg-secondary-60"></div>
<div class="bg-secondary-70"></div>
<div class="bg-secondary-80"></div>
<div class="bg-secondary-90"></div>

<div class="bg-success-10"></div>
<div class="bg-success-20"></div>
<div class="bg-success-30"></div>
<div class="bg-success-40"></div>
<div class="bg-success-50"></div>
<div class="bg-success-60"></div>
<div class="bg-success-70"></div>
<div class="bg-success-80"></div>
<div class="bg-success-90"></div>

<div class="bg-info-10"></div>
<div class="bg-info-20"></div>
<div class="bg-info-30"></div>
<div class="bg-info-40"></div>
<div class="bg-info-50"></div>
<div class="bg-info-60"></div>
<div class="bg-info-70"></div>
<div class="bg-info-80"></div>
<div class="bg-info-90"></div>

<div class="bg-warning-10"></div>
<div class="bg-warning-20"></div>
<div class="bg-warning-30"></div>
<div class="bg-warning-40"></div>
<div class="bg-warning-50"></div>
<div class="bg-warning-60"></div>
<div class="bg-warning-70"></div>
<div class="bg-warning-80"></div>
<div class="bg-warning-90"></div>

<div class="bg-danger-10"></div>
<div class="bg-danger-20"></div>
<div class="bg-danger-30"></div>
<div class="bg-danger-40"></div>
<div class="bg-danger-50"></div>
<div class="bg-danger-60"></div>
<div class="bg-danger-70"></div>
<div class="bg-danger-80"></div>
<div class="bg-danger-90"></div>

<div class="bg-light-10"></div>
<div class="bg-light-20"></div>
<div class="bg-light-30"></div>
<div class="bg-light-40"></div>
<div class="bg-light-50"></div>
<div class="bg-light-60"></div>
<div class="bg-light-70"></div>
<div class="bg-light-80"></div>
<div class="bg-light-90"></div>

<div class="bg-dark-10"></div>
<div class="bg-dark-20"></div>
<div class="bg-dark-30"></div>
<div class="bg-dark-40"></div>
<div class="bg-dark-50"></div>
<div class="bg-dark-60"></div>
<div class="bg-dark-70"></div>
<div class="bg-dark-80"></div>
<div class="bg-dark-90"></div>

<div class="bg-black-10"></div>
<div class="bg-black-20"></div>
<div class="bg-black-30"></div>
<div class="bg-black-40"></div>
<div class="bg-black-50"></div>
<div class="bg-black-60"></div>
<div class="bg-black-70"></div>
<div class="bg-black-80"></div>
<div class="bg-black-90"></div>

<div class="bg-indigo-10"></div>
<div class="bg-indigo-20"></div>
<div class="bg-indigo-30"></div>
<div class="bg-indigo-40"></div>
<div class="bg-indigo-50"></div>
<div class="bg-indigo-60"></div>
<div class="bg-indigo-70"></div>
<div class="bg-indigo-80"></div>
<div class="bg-indigo-90"></div>

<div class="bg-orange-10"></div>
<div class="bg-orange-20"></div>
<div class="bg-orange-30"></div>
<div class="bg-orange-40"></div>
<div class="bg-orange-50"></div>
<div class="bg-orange-60"></div>
<div class="bg-orange-70"></div>
<div class="bg-orange-80"></div>
<div class="bg-orange-90"></div>

<div class="bg-pink-10"></div>
<div class="bg-pink-20"></div>
<div class="bg-pink-30"></div>
<div class="bg-pink-40"></div>
<div class="bg-pink-50"></div>
<div class="bg-pink-60"></div>
<div class="bg-pink-70"></div>
<div class="bg-pink-80"></div>
<div class="bg-pink-90"></div>

<div class="bg-purple-10"></div>
<div class="bg-purple-20"></div>
<div class="bg-purple-30"></div>
<div class="bg-purple-40"></div>
<div class="bg-purple-50"></div>
<div class="bg-purple-60"></div>
<div class="bg-purple-70"></div>
<div class="bg-purple-80"></div>
<div class="bg-purple-90"></div>

<div class="bg-teal-10"></div>
<div class="bg-teal-20"></div>
<div class="bg-teal-30"></div>
<div class="bg-teal-40"></div>
<div class="bg-teal-50"></div>
<div class="bg-teal-60"></div>
<div class="bg-teal-70"></div>
<div class="bg-teal-80"></div>
<div class="bg-teal-90"></div>

<div class="bg-white-10"></div>
<div class="bg-white-20"></div>
<div class="bg-white-30"></div>
<div class="bg-white-40"></div>
<div class="bg-white-50"></div>
<div class="bg-white-60"></div>
<div class="bg-white-70"></div>
<div class="bg-white-80"></div>
<div class="bg-white-90"></div>