<div class="text-deepcove hover:text-verdigris bg-deepcove border border-deepcove">co</div>
<div class="text-bluetang hover:text-bronze bg-bluetang border border-bluetang">co</div>
<div class="text-bluetang-tinted hover:text-copper bg-bluetang-tinted border border-bluetang-tinted">co</div>
<div class="text-atmosphere hover:text-cobalt bg-atmosphere border border-atmosphere">co</div>
<div class="text-atmosphere-tinted hover:text-atmosphere bg-atmosphere-tinted border border-atmosphere-tinted">co</div>
<div class="text-bluemana hover:text-bluemana bg-bluemana border border-bluemana">co</div>
<div class="text-bluemana-tinted bg-bluemana-tinted border border-bluemana-tinted">co</div>
<div class="text-cobalt bg-cobalt border border-cobalt">co</div>
<div class="text-cobalt-tinted bg-cobalt-tinted border border-cobalt-tinted">co</div>
<div class="text-copper bg-copper border border-copper">co</div>
<div class="text-copper-tinted bg-copper-tinted border border-copper-tinted">co</div>
<div class="text-bronze bg-bronze border border-bronze">co</div>
<div class="text-bronze-tinted bg-bronze-tinted border border-bronze-tinted">co</div>
<div class="text-verdigris bg-verdigris border border-verdigris">co</div>
<div class="text-verdigris-tinted bg-verdigris-tinted border border-verdigris-tinted">co</div>
<div class="text-brightlava bg-brightlava border border-brightlava">co</div>
<div class="text-limegreen bg-limegreen border border-limegreen">co</div>
<div class="text-cobalt-vivid bg-cobalt-vivid border border-cobalt-vivid">co</div>
<div class="text-verdigris-vivid bg-verdigris-vivid border border-verdigris-vivid">co</div>

