Primer

HTML

<div class="pl-color pl-color-dark-grey">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-mid-grey">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-light-grey">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-footer-grey">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-border-grey">
	<div class="pl-color-swatch"></div>
</div>

Twig

<div class="pl-color pl-color-dark-grey">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-mid-grey">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-light-grey">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-footer-grey">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-border-grey">
	<div class="pl-color-swatch"></div>
</div>

{}