@vcl/vcl/theme/demo/example-brand-colors.html

The whole VCL in one package

<div>
  <h3>Brand Colors</h3>
  <div class="col demo">
    <div class="row center">
      <div class="label">--brand-accent-darker</div>
      <div class="color badarker"></div>
    </div>
    <div class="row center">
      <div class="label">--brand-accent-dark</div>
      <div class="color badark"></div>
    </div>
    <div class="row center">
      <div class="label">--brand-accent</div>
      <div class="color ba"></div>
    </div>
    <div class="row center">
      <div class="label">--brand-accent-light</div>
      <div class="color balight"></div>
    </div>
    <div class="row center">
      <div class="label">--brand-accent-lighter</div>
      <div class="color balighter"></div>
    </div>
    <div class="row center">
      <div class="label">--brand-accent-overlay</div>
      <div class="color baoverlay"></div>
    </div>
  </div>
</div>