Tints {% include 'elements/colours/tints' %}
#
HTML
<div class="pl-color pl-color-green-tint-100">
    <div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-90">
    <div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-80">
    <div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-70">
    <div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-60">
    <div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-50">
    <div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-40">
    <div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-30">
    <div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-20">
    <div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-10">
    <div class="pl-color-swatch"></div>
</div>
Twig
<div class="pl-color pl-color-green-tint-100">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-90">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-80">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-70">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-60">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-50">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-40">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-30">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-20">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-tint-10">
	<div class="pl-color-swatch"></div>
</div>
{}