{{# brandColors }}
  <h2 class="head-alt-sm mb-4 mt-8">{{ name }}</h2>
  <div class="grid gap-4 grid-cols-2 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8">
    {{# variants }}
      {{> molecules-color-swatch }}
    {{/ variants }}
  </div>
{{/ brandColors }}
