<tr>
      <td>
          <div class="cell">
              <div class="swatch" style="background-color:#A2191F;"></div>
              <span class="name">red</span>
          </div>
      </td>
      <td>
          <div class="cell">
              <div class="swatch" style="background-color:#D02670;"></div>
              <span class="name">magenta</span>
          </div>
      </td>
  </tr>
  <tr>
      <td>
          <div class="cell">
              <div class="swatch" style="background-color:#491D8B;"></div>
              <span class="name">purple</span>
          </div>
      </td>
      <td>
          <div class="cell">
              <div class="swatch" style="background-color:#001D6C;"></div>
              <span class="name">blue</span>
          </div>
      </td>
  </tr>

  <tr>
      <td>
          <div class="cell">
              <div class="swatch" style="background-color:#00539A;"></div>
              <span class="name">cyan</span>
          </div>
      </td>
      <td>
          <div class="cell">
              <div class="swatch" style="background-color:#004144;"></div>
              <span class="name">teal</span>
          </div>
      </td>
  </tr>

  <tr>
      <td>
          <div class="cell">
              <div class="swatch" style="background-color:#0E6027;"></div>
              <span class="name">green</span>
          </div>
      </td>
      <td>
          <div class="cell">
              <div class="swatch" style="background-color:#FFB000;"></div>
              <span class="name">amber</span>
          </div>
      </td>
  </tr>
  <tr>
      <td>
          <div class="cell">
              <div class="swatch" style="background-color:#FE6100;"></div>
              <span class="name">orange</span>
          </div>
      </td>
      <td>
          <div class="cell">
              <div class="swatch" style="background-color:#785EF0;"></div>
              <span class="name">violet</span>
          </div>
      </td>
  </tr>