Web Docs

Color: Text Colors 

<div class="colors columns-2">
    <div class="color white-text" style="background:#141414">
        <h2>Darkest Grey</h2>
        <p><code>#141414</code></p>
        <p><code>$textcolor</code></p>
    </div>
    <div class="color white-text" style="background:#002e5d">
        <h2>Navy Blue</h2>
        <p><code>#002e5d</code></p>
        <p><code>$textblue</code></p>
    </div>
    <div class="color white-text" style="background:#666">
        <h2>Medium Grey</h2>
        <p><code>#666</code></p>
        <p><code>$textgrey</code></p>
    </div>
    <div class="color" style="background:#fff">
        <h2>White</h2>
        <p><code>#fff</code></p>
        <p><code>$textwhite</code></p>
    </div>
</div>
 
<div class="colors columns-{{columns}}">
	{{#each colors }}
	<div class="color{{#if dark}} white-text{{/if}}" style="background:#{{hex}}">
		<h2>{{ name }}</h2>
		<p><code>#{{ hex }}</code></p>
		<p><code>${{ var }}</code></p>
	</div>
	{{/each}}
</div>
 
{
  "columns": 2,
  "colors": [
    {
      "name": "Darkest Grey",
      "var": "textcolor",
      "hex": "141414",
      "dark": true
    },
    {
      "name": "Navy Blue",
      "var": "textblue",
      "hex": "002e5d",
      "dark": true
    },
    {
      "name": "Medium Grey",
      "var": "textgrey",
      "hex": "666",
      "dark": true
    },
    {
      "name": "White",
      "var": "textwhite",
      "hex": "fff"
    }
  ]
}