<div>
<div class="uig-color uig-color--blue">
<div class="uig-color__example"></div>
<p class="uig-color__text">Tallinna Sinine</p>
</div>
<div class="uig-color uig-color--white">
<div class="uig-color__example"></div>
<p class="uig-color__text">Valge</p>
</div>
<div class="uig-color uig-color--gray">
<div class="uig-color__example"></div>
<p class="uig-color__text">Hall</p>
</div>
<div class="uig-color uig-color--black">
<div class="uig-color__example"></div>
<p class="uig-color__text">Must</p>
</div>
<div class="uig-color uig-color--green">
<div class="uig-color__example"></div>
<p class="uig-color__text">Roheline</p>
</div>
<div class="uig-color uig-color--red">
<div class="uig-color__example"></div>
<p class="uig-color__text">Punane</p>
</div>
<div class="uig-color uig-color--yellow">
<div class="uig-color__example"></div>
<p class="uig-color__text">Kollane</p>
</div>
</div>
{
"colors": {
"blue": "Tallinna Sinine",
"white": "Valge",
"gray": "Hall",
"black": "Must",
"green": "Roheline",
"red": "Punane",
"yellow": "Kollane"
}
}