Colors

lightest

lighter

light

dark

darker

darkest

blue

indigo

purple

pink

red

orange

yellow

pear

green

mint

teal

gray

slategray

brown

wine

almond

Examples

use .bg-color-name class for background color. In below example class is .bg-blue-light

<div class="bg-blue-light">...</div>

.bg-blue-light

use .color-name class for font color. In below example class is .blue-darker

<p class="blue-darker">Lorem ipsum...</p>
<p class="red">Lorem ipsum...</p>
<p class="mint-dark">Lorem ipsum...</p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit