Primer

HTML

<div class="pl-color pl-color-green-primary">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-secondary">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-yellow-primary">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-yellow-secondary">
	<div class="pl-color-swatch"></div>
</div>

Twig

<div class="pl-color pl-color-green-primary">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-green-secondary">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-yellow-primary">
	<div class="pl-color-swatch"></div>
</div>
<div class="pl-color pl-color-yellow-secondary">
	<div class="pl-color-swatch"></div>
</div>

{}