@vcl/vcl/theme/demo/example-grays.html

The whole VCL in one package

<div>
  <h3>Grays</h3>
  <div class="col demo">
    <div class="row center">
      <div class="label">--gray-dark-5</div>
      <div class="color grayd5"></div>
    </div>
    <div class="row center">
      <div class="label">--gray-dark-4</div>
      <div class="color grayd4"></div>
    </div>
    <div class="row center">
      <div class="label">--gray-dark-3</div>
      <div class="color grayd3"></div>
    </div>
    <div class="row center">
      <div class="label">--gray-dark-2</div>
      <div class="color grayd2"></div>
    </div>
    <div class="row center">
      <div class="label">--gray-dark-1</div>
      <div class="color grayd1"></div>
    </div>
    <div class="row center">
      <div class="label">--gray</div>
      <div class="color gray"></div>
    </div>
    <div class="row center">
      <div class="label">--gray-light-1</div>
      <div class="color grayl1"></div>
    </div>
    <div class="row center">
      <div class="label">--gray-light-2</div>
      <div class="color grayl2"></div>
    </div>
    <div class="row center">
      <div class="label">--gray-light-3</div>
      <div class="color grayl3"></div>
    </div>
    <div class="row center">
      <div class="label">--gray-light-4</div>
      <div class="color grayl4"></div>
    </div>
    <div class="row center">
      <div class="label">--gray-light-5</div>
      <div class="color grayl5"></div>
    </div>
    <div class="row center">
      <div class="label">--gray-light-6</div>
      <div class="color grayl6"></div>
    </div>
  </div>
</div>