<ul class="sg-colors">
	<li>
		<span class="sg-swatch bg-grey-50"></span>
		<span class="sg-label">Grey 50<br>#f7f7f7</span>
	</li>
	<li>
		<span class="sg-swatch bg-grey-100"></span>
		<span class="sg-label">Grey 100<br>#f3f3f3</span>
	</li>
	<li>
		<span class="sg-swatch bg-grey-150"></span>
		<span class="sg-label">Grey 150<br>#00000012</span>
	</li>
	<li>
		<span class="sg-swatch bg-grey-200"></span>
		<span class="sg-label">Grey 200<br>#adadad</span>
	</li>
	<li>
		<span class="sg-swatch bg-grey-300"></span>
		<span class="sg-label">Grey 300<br>#4c4c4c</span>
	</li>
	<li>
		<span class="sg-swatch bg-grey-400"></span>
		<span class="sg-label">Grey 400<br>#343434</span>
	</li>
	<li>
		<span class="sg-swatch bg-grey-700"></span>
		<span class="sg-label">Grey 500<br>#202020</span>
	</li>
	<li>
		<span class="sg-swatch bg-grey-800"></span>
		<span class="sg-label">Grey 600<br>#1f1f1f</span>
	</li>
</ul>
