<!-- htmllint preset="none" -->
<label class="mb-1 sm2 color-gray-dark" title="Color using column">
  Color palette
</label>
<div class="color input-group">
  <div class="dropdown" style="top: -2px;">
    <button class="btn btn-sm dropdown-toggle py-1 line-height-0" type="button" id="dropdownMenuButton" data-toggle="dropdown"
      aria-haspopup="true" aria-expanded="false">
      <div class="sel_palette d-flex d-inline-flex" data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme"
        title="bluepurple">
        <div class="swatch" id="#f7fcfd" style="background-color: rgb(247, 252, 253); opacity: 1;"></div>
        <div class="swatch" id="#e0ecf4" style="background-color: rgb(224, 236, 244); opacity: 1;"></div>
        <div class="swatch" id="#bfd3e6" style="background-color: rgb(191, 211, 230); opacity: 1;"></div>
        <div class="swatch" id="#9ebcda" style="background-color: rgb(158, 188, 218); opacity: 1;"></div>
        <div class="swatch" id="#8c96c6" style="background-color: rgb(140, 150, 198); opacity: 1;"></div>
        <div class="swatch" id="#8c6bb1" style="background-color: rgb(140, 107, 177); opacity: 1;"></div>
        <div class="swatch" id="#88419d" style="background-color: rgb(136, 65, 157); opacity: 1;"></div>
        <div class="swatch" id="#810f7c" style="background-color: rgb(129, 15, 124); opacity: 1;"></div>
        <div class="swatch" id="#4d004b" style="background-color: rgb(77, 0, 75); opacity: 1;"></div>
      </div>
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 38px, 0px);">
      <!-- <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex" data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="YlGn"
          style="opacity: 1;">
          <div class="swatch" id="#ffffe5" style="background-color: rgb(255, 255, 229); opacity: 1;"></div>
          <div class="swatch" id="#f7fcb9" style="background-color: rgb(247, 252, 185); opacity: 1;"></div>
          <div class="swatch" id="#d9f0a3" style="background-color: rgb(217, 240, 163); opacity: 1;"></div>
          <div class="swatch" id="#addd8e" style="background-color: rgb(173, 221, 142); opacity: 1;"></div>
          <div class="swatch" id="#78c679" style="background-color: rgb(120, 198, 121); opacity: 1;"></div>
          <div class="swatch" id="#41ab5d" style="background-color: rgb(65, 171, 93); opacity: 1;"></div>
          <div class="swatch" id="#238443" style="background-color: rgb(35, 132, 67); opacity: 1;"></div>
          <div class="swatch" id="#006837" style="background-color: rgb(0, 104, 55); opacity: 1;"></div>
          <div class="swatch" id="#004529" style="background-color: rgb(0, 69, 41); opacity: 1;"></div>
        </span>
      </a> -->
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="yellowgreenblue"
          style="opacity: 1;">
          <div class="swatch" id="#ffffd9" style="background-color: rgb(255, 255, 217); opacity: 1;"></div>
          <div class="swatch" id="#edf8b1" style="background-color: rgb(237, 248, 177); opacity: 1;"></div>
          <div class="swatch" id="#c7e9b4" style="background-color: rgb(199, 233, 180); opacity: 1;"></div>
          <div class="swatch" id="#7fcdbb" style="background-color: rgb(127, 205, 187); opacity: 1;"></div>
          <div class="swatch" id="#41b6c4" style="background-color: rgb(65, 182, 196); opacity: 1;"></div>
          <div class="swatch" id="#1d91c0" style="background-color: rgb(29, 145, 192); opacity: 1;"></div>
          <div class="swatch" id="#225ea8" style="background-color: rgb(34, 94, 168); opacity: 1;"></div>
          <div class="swatch" id="#253494" style="background-color: rgb(37, 52, 148); opacity: 1;"></div>
          <div class="swatch" id="#081d58" style="background-color: rgb(8, 29, 88); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="greenblue"
          style="opacity: 1;">
          <div class="swatch" id="#f7fcf0" style="background-color: rgb(247, 252, 240); opacity: 1;"></div>
          <div class="swatch" id="#e0f3db" style="background-color: rgb(224, 243, 219); opacity: 1;"></div>
          <div class="swatch" id="#ccebc5" style="background-color: rgb(204, 235, 197); opacity: 1;"></div>
          <div class="swatch" id="#a8ddb5" style="background-color: rgb(168, 221, 181); opacity: 1;"></div>
          <div class="swatch" id="#7bccc4" style="background-color: rgb(123, 204, 196); opacity: 1;"></div>
          <div class="swatch" id="#4eb3d3" style="background-color: rgb(78, 179, 211); opacity: 1;"></div>
          <div class="swatch" id="#2b8cbe" style="background-color: rgb(43, 140, 190); opacity: 1;"></div>
          <div class="swatch" id="#0868ac" style="background-color: rgb(8, 104, 172); opacity: 1;"></div>
          <div class="swatch" id="#084081" style="background-color: rgb(8, 64, 129); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="bluegreen"
          style="opacity: 1;">
          <div class="swatch" id="#f7fcfd" style="background-color: rgb(247, 252, 253); opacity: 1;"></div>
          <div class="swatch" id="#e5f5f9" style="background-color: rgb(229, 245, 249); opacity: 1;"></div>
          <div class="swatch" id="#ccece6" style="background-color: rgb(204, 236, 230); opacity: 1;"></div>
          <div class="swatch" id="#99d8c9" style="background-color: rgb(153, 216, 201); opacity: 1;"></div>
          <div class="swatch" id="#66c2a4" style="background-color: rgb(102, 194, 164); opacity: 1;"></div>
          <div class="swatch" id="#41ae76" style="background-color: rgb(65, 174, 118); opacity: 1;"></div>
          <div class="swatch" id="#238b45" style="background-color: rgb(35, 139, 69); opacity: 1;"></div>
          <div class="swatch" id="#006d2c" style="background-color: rgb(0, 109, 44); opacity: 1;"></div>
          <div class="swatch" id="#00441b" style="background-color: rgb(0, 68, 27); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="purplebluegreen"
          style="opacity: 1;">
          <div class="swatch" id="#fff7fb" style="background-color: rgb(255, 247, 251); opacity: 1;"></div>
          <div class="swatch" id="#ece2f0" style="background-color: rgb(236, 226, 240); opacity: 1;"></div>
          <div class="swatch" id="#d0d1e6" style="background-color: rgb(208, 209, 230); opacity: 1;"></div>
          <div class="swatch" id="#a6bddb" style="background-color: rgb(166, 189, 219); opacity: 1;"></div>
          <div class="swatch" id="#67a9cf" style="background-color: rgb(103, 169, 207); opacity: 1;"></div>
          <div class="swatch" id="#3690c0" style="background-color: rgb(54, 144, 192); opacity: 1;"></div>
          <div class="swatch" id="#02818a" style="background-color: rgb(2, 129, 138); opacity: 1;"></div>
          <div class="swatch" id="#016c59" style="background-color: rgb(1, 108, 89); opacity: 1;"></div>
          <div class="swatch" id="#014636" style="background-color: rgb(1, 70, 54); opacity: 1;"></div>
        </span>
      </a>
      <!-- <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex" data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="PuBu"
          style="opacity: 1;">
          <div class="swatch" id="#fff7fb" style="background-color: rgb(255, 247, 251); opacity: 1;"></div>
          <div class="swatch" id="#ece7f2" style="background-color: rgb(236, 231, 242); opacity: 1;"></div>
          <div class="swatch" id="#d0d1e6" style="background-color: rgb(208, 209, 230); opacity: 1;"></div>
          <div class="swatch" id="#a6bddb" style="background-color: rgb(166, 189, 219); opacity: 1;"></div>
          <div class="swatch" id="#74a9cf" style="background-color: rgb(116, 169, 207); opacity: 1;"></div>
          <div class="swatch" id="#3690c0" style="background-color: rgb(54, 144, 192); opacity: 1;"></div>
          <div class="swatch" id="#0570b0" style="background-color: rgb(5, 112, 176); opacity: 1;"></div>
          <div class="swatch" id="#045a8d" style="background-color: rgb(4, 90, 141); opacity: 1;"></div>
          <div class="swatch" id="#023858" style="background-color: rgb(2, 56, 88); opacity: 1;"></div>
        </span>
      </a> -->
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="bluepurple"
          style="opacity: 1;">
          <div class="swatch" id="#f7fcfd" style="background-color: rgb(247, 252, 253); opacity: 1;"></div>
          <div class="swatch" id="#e0ecf4" style="background-color: rgb(224, 236, 244); opacity: 1;"></div>
          <div class="swatch" id="#bfd3e6" style="background-color: rgb(191, 211, 230); opacity: 1;"></div>
          <div class="swatch" id="#9ebcda" style="background-color: rgb(158, 188, 218); opacity: 1;"></div>
          <div class="swatch" id="#8c96c6" style="background-color: rgb(140, 150, 198); opacity: 1;"></div>
          <div class="swatch" id="#8c6bb1" style="background-color: rgb(140, 107, 177); opacity: 1;"></div>
          <div class="swatch" id="#88419d" style="background-color: rgb(136, 65, 157); opacity: 1;"></div>
          <div class="swatch" id="#810f7c" style="background-color: rgb(129, 15, 124); opacity: 1;"></div>
          <div class="swatch" id="#4d004b" style="background-color: rgb(77, 0, 75); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="redpurple"
          style="opacity: 1;">
          <div class="swatch" id="#fff7f3" style="background-color: rgb(255, 247, 243); opacity: 1;"></div>
          <div class="swatch" id="#fde0dd" style="background-color: rgb(253, 224, 221); opacity: 1;"></div>
          <div class="swatch" id="#fcc5c0" style="background-color: rgb(252, 197, 192); opacity: 1;"></div>
          <div class="swatch" id="#fa9fb5" style="background-color: rgb(250, 159, 181); opacity: 1;"></div>
          <div class="swatch" id="#f768a1" style="background-color: rgb(247, 104, 161); opacity: 1;"></div>
          <div class="swatch" id="#dd3497" style="background-color: rgb(221, 52, 151); opacity: 1;"></div>
          <div class="swatch" id="#ae017e" style="background-color: rgb(174, 1, 126); opacity: 1;"></div>
          <div class="swatch" id="#7a0177" style="background-color: rgb(122, 1, 119); opacity: 1;"></div>
          <div class="swatch" id="#49006a" style="background-color: rgb(73, 0, 106); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="purplered"
          style="opacity: 1;">
          <div class="swatch" id="#f7f4f9" style="background-color: rgb(247, 244, 249); opacity: 1;"></div>
          <div class="swatch" id="#e7e1ef" style="background-color: rgb(231, 225, 239); opacity: 1;"></div>
          <div class="swatch" id="#d4b9da" style="background-color: rgb(212, 185, 218); opacity: 1;"></div>
          <div class="swatch" id="#c994c7" style="background-color: rgb(201, 148, 199); opacity: 1;"></div>
          <div class="swatch" id="#df65b0" style="background-color: rgb(223, 101, 176); opacity: 1;"></div>
          <div class="swatch" id="#e7298a" style="background-color: rgb(231, 41, 138); opacity: 1;"></div>
          <div class="swatch" id="#ce1256" style="background-color: rgb(206, 18, 86); opacity: 1;"></div>
          <div class="swatch" id="#980043" style="background-color: rgb(152, 0, 67); opacity: 1;"></div>
          <div class="swatch" id="#67001f" style="background-color: rgb(103, 0, 31); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="orangered"
          style="opacity: 1;">
          <div class="swatch" id="#fff7ec" style="background-color: rgb(255, 247, 236); opacity: 1;"></div>
          <div class="swatch" id="#fee8c8" style="background-color: rgb(254, 232, 200); opacity: 1;"></div>
          <div class="swatch" id="#fdd49e" style="background-color: rgb(253, 212, 158); opacity: 1;"></div>
          <div class="swatch" id="#fdbb84" style="background-color: rgb(253, 187, 132); opacity: 1;"></div>
          <div class="swatch" id="#fc8d59" style="background-color: rgb(252, 141, 89); opacity: 1;"></div>
          <div class="swatch" id="#ef6548" style="background-color: rgb(239, 101, 72); opacity: 1;"></div>
          <div class="swatch" id="#d7301f" style="background-color: rgb(215, 48, 31); opacity: 1;"></div>
          <div class="swatch" id="#b30000" style="background-color: rgb(179, 0, 0); opacity: 1;"></div>
          <div class="swatch" id="#7f0000" style="background-color: rgb(127, 0, 0); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="yelloworangered"
          style="opacity: 1;">
          <div class="swatch" id="#ffffcc" style="background-color: rgb(255, 255, 204); opacity: 1;"></div>
          <div class="swatch" id="#ffeda0" style="background-color: rgb(255, 237, 160); opacity: 1;"></div>
          <div class="swatch" id="#fed976" style="background-color: rgb(254, 217, 118); opacity: 1;"></div>
          <div class="swatch" id="#feb24c" style="background-color: rgb(254, 178, 76); opacity: 1;"></div>
          <div class="swatch" id="#fd8d3c" style="background-color: rgb(253, 141, 60); opacity: 1;"></div>
          <div class="swatch" id="#fc4e2a" style="background-color: rgb(252, 78, 42); opacity: 1;"></div>
          <div class="swatch" id="#e31a1c" style="background-color: rgb(227, 26, 28); opacity: 1;"></div>
          <div class="swatch" id="#bd0026" style="background-color: rgb(189, 0, 38); opacity: 1;"></div>
          <div class="swatch" id="#800026" style="background-color: rgb(128, 0, 38); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="yelloworangebrown"
          style="opacity: 1;">
          <div class="swatch" id="#ffffe5" style="background-color: rgb(255, 255, 229); opacity: 1;"></div>
          <div class="swatch" id="#fff7bc" style="background-color: rgb(255, 247, 188); opacity: 1;"></div>
          <div class="swatch" id="#fee391" style="background-color: rgb(254, 227, 145); opacity: 1;"></div>
          <div class="swatch" id="#fec44f" style="background-color: rgb(254, 196, 79); opacity: 1;"></div>
          <div class="swatch" id="#fe9929" style="background-color: rgb(254, 153, 41); opacity: 1;"></div>
          <div class="swatch" id="#ec7014" style="background-color: rgb(236, 112, 20); opacity: 1;"></div>
          <div class="swatch" id="#cc4c02" style="background-color: rgb(204, 76, 2); opacity: 1;"></div>
          <div class="swatch" id="#993404" style="background-color: rgb(153, 52, 4); opacity: 1;"></div>
          <div class="swatch" id="#662506" style="background-color: rgb(102, 37, 6); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Purples"
          style="opacity: 1;">
          <div class="swatch" id="#fcfbfd" style="background-color: rgb(252, 251, 253); opacity: 1;"></div>
          <div class="swatch" id="#efedf5" style="background-color: rgb(239, 237, 245); opacity: 1;"></div>
          <div class="swatch" id="#dadaeb" style="background-color: rgb(218, 218, 235); opacity: 1;"></div>
          <div class="swatch" id="#bcbddc" style="background-color: rgb(188, 189, 220); opacity: 1;"></div>
          <div class="swatch" id="#9e9ac8" style="background-color: rgb(158, 154, 200); opacity: 1;"></div>
          <div class="swatch" id="#807dba" style="background-color: rgb(128, 125, 186); opacity: 1;"></div>
          <div class="swatch" id="#6a51a3" style="background-color: rgb(106, 81, 163); opacity: 1;"></div>
          <div class="swatch" id="#54278f" style="background-color: rgb(84, 39, 143); opacity: 1;"></div>
          <div class="swatch" id="#3f007d" style="background-color: rgb(63, 0, 125); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Blues" style="opacity: 1;">
          <div class="swatch" id="#f7fbff" style="background-color: rgb(247, 251, 255); opacity: 1;"></div>
          <div class="swatch" id="#deebf7" style="background-color: rgb(222, 235, 247); opacity: 1;"></div>
          <div class="swatch" id="#c6dbef" style="background-color: rgb(198, 219, 239); opacity: 1;"></div>
          <div class="swatch" id="#9ecae1" style="background-color: rgb(158, 202, 225); opacity: 1;"></div>
          <div class="swatch" id="#6baed6" style="background-color: rgb(107, 174, 214); opacity: 1;"></div>
          <div class="swatch" id="#4292c6" style="background-color: rgb(66, 146, 198); opacity: 1;"></div>
          <div class="swatch" id="#2171b5" style="background-color: rgb(33, 113, 181); opacity: 1;"></div>
          <div class="swatch" id="#08519c" style="background-color: rgb(8, 81, 156); opacity: 1;"></div>
          <div class="swatch" id="#08306b" style="background-color: rgb(8, 48, 107); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Greens"
          style="opacity: 1;">
          <div class="swatch" id="#f7fcf5" style="background-color: rgb(247, 252, 245); opacity: 1;"></div>
          <div class="swatch" id="#e5f5e0" style="background-color: rgb(229, 245, 224); opacity: 1;"></div>
          <div class="swatch" id="#c7e9c0" style="background-color: rgb(199, 233, 192); opacity: 1;"></div>
          <div class="swatch" id="#a1d99b" style="background-color: rgb(161, 217, 155); opacity: 1;"></div>
          <div class="swatch" id="#74c476" style="background-color: rgb(116, 196, 118); opacity: 1;"></div>
          <div class="swatch" id="#41ab5d" style="background-color: rgb(65, 171, 93); opacity: 1;"></div>
          <div class="swatch" id="#238b45" style="background-color: rgb(35, 139, 69); opacity: 1;"></div>
          <div class="swatch" id="#006d2c" style="background-color: rgb(0, 109, 44); opacity: 1;"></div>
          <div class="swatch" id="#00441b" style="background-color: rgb(0, 68, 27); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Oranges"
          style="opacity: 1;">
          <div class="swatch" id="#fff5eb" style="background-color: rgb(255, 245, 235); opacity: 1;"></div>
          <div class="swatch" id="#fee6ce" style="background-color: rgb(254, 230, 206); opacity: 1;"></div>
          <div class="swatch" id="#fdd0a2" style="background-color: rgb(253, 208, 162); opacity: 1;"></div>
          <div class="swatch" id="#fdae6b" style="background-color: rgb(253, 174, 107); opacity: 1;"></div>
          <div class="swatch" id="#fd8d3c" style="background-color: rgb(253, 141, 60); opacity: 1;"></div>
          <div class="swatch" id="#f16913" style="background-color: rgb(241, 105, 19); opacity: 1;"></div>
          <div class="swatch" id="#d94801" style="background-color: rgb(217, 72, 1); opacity: 1;"></div>
          <div class="swatch" id="#a63603" style="background-color: rgb(166, 54, 3); opacity: 1;"></div>
          <div class="swatch" id="#7f2704" style="background-color: rgb(127, 39, 4); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Reds" style="opacity: 1;">
          <div class="swatch" id="#fff5f0" style="background-color: rgb(255, 245, 240); opacity: 1;"></div>
          <div class="swatch" id="#fee0d2" style="background-color: rgb(254, 224, 210); opacity: 1;"></div>
          <div class="swatch" id="#fcbba1" style="background-color: rgb(252, 187, 161); opacity: 1;"></div>
          <div class="swatch" id="#fc9272" style="background-color: rgb(252, 146, 114); opacity: 1;"></div>
          <div class="swatch" id="#fb6a4a" style="background-color: rgb(251, 106, 74); opacity: 1;"></div>
          <div class="swatch" id="#ef3b2c" style="background-color: rgb(239, 59, 44); opacity: 1;"></div>
          <div class="swatch" id="#cb181d" style="background-color: rgb(203, 24, 29); opacity: 1;"></div>
          <div class="swatch" id="#a50f15" style="background-color: rgb(165, 15, 21); opacity: 1;"></div>
          <div class="swatch" id="#67000d" style="background-color: rgb(103, 0, 13); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Greys" style="opacity: 1;">
          <div class="swatch" id="#ffffff" style="background-color: rgb(255, 255, 255); opacity: 1;"></div>
          <div class="swatch" id="#f0f0f0" style="background-color: rgb(240, 240, 240); opacity: 1;"></div>
          <div class="swatch" id="#d9d9d9" style="background-color: rgb(217, 217, 217); opacity: 1;"></div>
          <div class="swatch" id="#bdbdbd" style="background-color: rgb(189, 189, 189); opacity: 1;"></div>
          <div class="swatch" id="#969696" style="background-color: rgb(150, 150, 150); opacity: 1;"></div>
          <div class="swatch" id="#737373" style="background-color: rgb(115, 115, 115); opacity: 1;"></div>
          <div class="swatch" id="#525252" style="background-color: rgb(82, 82, 82); opacity: 1;"></div>
          <div class="swatch" id="#252525" style="background-color: rgb(37, 37, 37); opacity: 1;"></div>
          <div class="swatch" id="#000000" style="background-color: rgb(0, 0, 0); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="purpleorange"
          style="opacity: 1;">
          <div class="swatch" id="#b35806" style="background-color: rgb(179, 88, 6); opacity: 1;"></div>
          <div class="swatch" id="#e08214" style="background-color: rgb(224, 130, 20); opacity: 1;"></div>
          <div class="swatch" id="#fdb863" style="background-color: rgb(253, 184, 99); opacity: 1;"></div>
          <div class="swatch" id="#fee0b6" style="background-color: rgb(254, 224, 182); opacity: 1;"></div>
          <div class="swatch" id="#f7f7f7" style="background-color: rgb(247, 247, 247); opacity: 1;"></div>
          <div class="swatch" id="#d8daeb" style="background-color: rgb(216, 218, 235); opacity: 1;"></div>
          <div class="swatch" id="#b2abd2" style="background-color: rgb(178, 171, 210); opacity: 1;"></div>
          <div class="swatch" id="#8073ac" style="background-color: rgb(128, 115, 172); opacity: 1;"></div>
          <div class="swatch" id="#542788" style="background-color: rgb(84, 39, 136); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="brownbluegreen"
          style="opacity: 1;">
          <div class="swatch" id="#8c510a" style="background-color: rgb(140, 81, 10); opacity: 1;"></div>
          <div class="swatch" id="#bf812d" style="background-color: rgb(191, 129, 45); opacity: 1;"></div>
          <div class="swatch" id="#dfc27d" style="background-color: rgb(223, 194, 125); opacity: 1;"></div>
          <div class="swatch" id="#f6e8c3" style="background-color: rgb(246, 232, 195); opacity: 1;"></div>
          <div class="swatch" id="#f5f5f5" style="background-color: rgb(245, 245, 245); opacity: 1;"></div>
          <div class="swatch" id="#c7eae5" style="background-color: rgb(199, 234, 229); opacity: 1;"></div>
          <div class="swatch" id="#80cdc1" style="background-color: rgb(128, 205, 193); opacity: 1;"></div>
          <div class="swatch" id="#35978f" style="background-color: rgb(53, 151, 143); opacity: 1;"></div>
          <div class="swatch" id="#01665e" style="background-color: rgb(1, 102, 94); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="purplegreen"
          style="opacity: 1;">
          <div class="swatch" id="#762a83" style="background-color: rgb(118, 42, 131); opacity: 1;"></div>
          <div class="swatch" id="#9970ab" style="background-color: rgb(153, 112, 171); opacity: 1;"></div>
          <div class="swatch" id="#c2a5cf" style="background-color: rgb(194, 165, 207); opacity: 1;"></div>
          <div class="swatch" id="#e7d4e8" style="background-color: rgb(231, 212, 232); opacity: 1;"></div>
          <div class="swatch" id="#f7f7f7" style="background-color: rgb(247, 247, 247); opacity: 1;"></div>
          <div class="swatch" id="#d9f0d3" style="background-color: rgb(217, 240, 211); opacity: 1;"></div>
          <div class="swatch" id="#a6dba0" style="background-color: rgb(166, 219, 160); opacity: 1;"></div>
          <div class="swatch" id="#5aae61" style="background-color: rgb(90, 174, 97); opacity: 1;"></div>
          <div class="swatch" id="#1b7837" style="background-color: rgb(27, 120, 55); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="pinkyellowgreen"
          style="opacity: 1;">
          <div class="swatch" id="#c51b7d" style="background-color: rgb(197, 27, 125); opacity: 1;"></div>
          <div class="swatch" id="#de77ae" style="background-color: rgb(222, 119, 174); opacity: 1;"></div>
          <div class="swatch" id="#f1b6da" style="background-color: rgb(241, 182, 218); opacity: 1;"></div>
          <div class="swatch" id="#fde0ef" style="background-color: rgb(253, 224, 239); opacity: 1;"></div>
          <div class="swatch" id="#f7f7f7" style="background-color: rgb(247, 247, 247); opacity: 1;"></div>
          <div class="swatch" id="#e6f5d0" style="background-color: rgb(230, 245, 208); opacity: 1;"></div>
          <div class="swatch" id="#b8e186" style="background-color: rgb(184, 225, 134); opacity: 1;"></div>
          <div class="swatch" id="#7fbc41" style="background-color: rgb(127, 188, 65); opacity: 1;"></div>
          <div class="swatch" id="#4d9221" style="background-color: rgb(77, 146, 33); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="redblue"
          style="opacity: 1;">
          <div class="swatch" id="#b2182b" style="background-color: rgb(178, 24, 43); opacity: 1;"></div>
          <div class="swatch" id="#d6604d" style="background-color: rgb(214, 96, 77); opacity: 1;"></div>
          <div class="swatch" id="#f4a582" style="background-color: rgb(244, 165, 130); opacity: 1;"></div>
          <div class="swatch" id="#fddbc7" style="background-color: rgb(253, 219, 199); opacity: 1;"></div>
          <div class="swatch" id="#f7f7f7" style="background-color: rgb(247, 247, 247); opacity: 1;"></div>
          <div class="swatch" id="#d1e5f0" style="background-color: rgb(209, 229, 240); opacity: 1;"></div>
          <div class="swatch" id="#92c5de" style="background-color: rgb(146, 197, 222); opacity: 1;"></div>
          <div class="swatch" id="#4393c3" style="background-color: rgb(67, 147, 195); opacity: 1;"></div>
          <div class="swatch" id="#2166ac" style="background-color: rgb(33, 102, 172); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="redgrey"
          style="opacity: 1;">
          <div class="swatch" id="#b2182b" style="background-color: rgb(178, 24, 43); opacity: 1;"></div>
          <div class="swatch" id="#d6604d" style="background-color: rgb(214, 96, 77); opacity: 1;"></div>
          <div class="swatch" id="#f4a582" style="background-color: rgb(244, 165, 130); opacity: 1;"></div>
          <div class="swatch" id="#fddbc7" style="background-color: rgb(253, 219, 199); opacity: 1;"></div>
          <div class="swatch" id="#ffffff" style="background-color: rgb(255, 255, 255); opacity: 1;"></div>
          <div class="swatch" id="#e0e0e0" style="background-color: rgb(224, 224, 224); opacity: 1;"></div>
          <div class="swatch" id="#bababa" style="background-color: rgb(186, 186, 186); opacity: 1;"></div>
          <div class="swatch" id="#878787" style="background-color: rgb(135, 135, 135); opacity: 1;"></div>
          <div class="swatch" id="#4d4d4d" style="background-color: rgb(77, 77, 77); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="redyellowblue"
          style="opacity: 1;">
          <div class="swatch" id="#d73027" style="background-color: rgb(215, 48, 39); opacity: 1;"></div>
          <div class="swatch" id="#f46d43" style="background-color: rgb(244, 109, 67); opacity: 1;"></div>
          <div class="swatch" id="#fdae61" style="background-color: rgb(253, 174, 97); opacity: 1;"></div>
          <div class="swatch" id="#fee090" style="background-color: rgb(254, 224, 144); opacity: 1;"></div>
          <div class="swatch" id="#ffffbf" style="background-color: rgb(255, 255, 191); opacity: 1;"></div>
          <div class="swatch" id="#e0f3f8" style="background-color: rgb(224, 243, 248); opacity: 1;"></div>
          <div class="swatch" id="#abd9e9" style="background-color: rgb(171, 217, 233); opacity: 1;"></div>
          <div class="swatch" id="#74add1" style="background-color: rgb(116, 173, 209); opacity: 1;"></div>
          <div class="swatch" id="#4575b4" style="background-color: rgb(69, 117, 180); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Spectral"
          style="opacity: 1;">
          <div class="swatch" id="#d53e4f" style="background-color: rgb(213, 62, 79); opacity: 1;"></div>
          <div class="swatch" id="#f46d43" style="background-color: rgb(244, 109, 67); opacity: 1;"></div>
          <div class="swatch" id="#fdae61" style="background-color: rgb(253, 174, 97); opacity: 1;"></div>
          <div class="swatch" id="#fee08b" style="background-color: rgb(254, 224, 139); opacity: 1;"></div>
          <div class="swatch" id="#ffffbf" style="background-color: rgb(255, 255, 191); opacity: 1;"></div>
          <div class="swatch" id="#e6f598" style="background-color: rgb(230, 245, 152); opacity: 1;"></div>
          <div class="swatch" id="#abdda4" style="background-color: rgb(171, 221, 164); opacity: 1;"></div>
          <div class="swatch" id="#66c2a5" style="background-color: rgb(102, 194, 165); opacity: 1;"></div>
          <div class="swatch" id="#3288bd" style="background-color: rgb(50, 136, 189); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="redyellowgreen"
          style="opacity: 1;">
          <div class="swatch" id="#d73027" style="background-color: rgb(215, 48, 39); opacity: 1;"></div>
          <div class="swatch" id="#f46d43" style="background-color: rgb(244, 109, 67); opacity: 1;"></div>
          <div class="swatch" id="#fdae61" style="background-color: rgb(253, 174, 97); opacity: 1;"></div>
          <div class="swatch" id="#fee08b" style="background-color: rgb(254, 224, 139); opacity: 1;"></div>
          <div class="swatch" id="#ffffbf" style="background-color: rgb(255, 255, 191); opacity: 1;"></div>
          <div class="swatch" id="#d9ef8b" style="background-color: rgb(217, 239, 139); opacity: 1;"></div>
          <div class="swatch" id="#a6d96a" style="background-color: rgb(166, 217, 106); opacity: 1;"></div>
          <div class="swatch" id="#66bd63" style="background-color: rgb(102, 189, 99); opacity: 1;"></div>
          <div class="swatch" id="#1a9850" style="background-color: rgb(26, 152, 80); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Accent"
          style="opacity: 1;">
          <div class="swatch" id="#7fc97f" style="background-color: rgb(127, 201, 127); opacity: 1;"></div>
          <div class="swatch" id="#beaed4" style="background-color: rgb(190, 174, 212); opacity: 1;"></div>
          <div class="swatch" id="#fdc086" style="background-color: rgb(253, 192, 134); opacity: 1;"></div>
          <div class="swatch" id="#ffff99" style="background-color: rgb(255, 255, 153); opacity: 1;"></div>
          <div class="swatch" id="#386cb0" style="background-color: rgb(56, 108, 176); opacity: 1;"></div>
          <div class="swatch" id="#f0027f" style="background-color: rgb(240, 2, 127); opacity: 1;"></div>
          <div class="swatch" id="#bf5b17" style="background-color: rgb(191, 91, 23); opacity: 1;"></div>
          <div class="swatch" id="#666666" style="background-color: rgb(102, 102, 102); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Dark2" style="opacity: 1;">
          <div class="swatch" id="#1b9e77" style="background-color: rgb(27, 158, 119); opacity: 1;"></div>
          <div class="swatch" id="#d95f02" style="background-color: rgb(217, 95, 2); opacity: 1;"></div>
          <div class="swatch" id="#7570b3" style="background-color: rgb(117, 112, 179); opacity: 1;"></div>
          <div class="swatch" id="#e7298a" style="background-color: rgb(231, 41, 138); opacity: 1;"></div>
          <div class="swatch" id="#66a61e" style="background-color: rgb(102, 166, 30); opacity: 1;"></div>
          <div class="swatch" id="#e6ab02" style="background-color: rgb(230, 171, 2); opacity: 1;"></div>
          <div class="swatch" id="#a6761d" style="background-color: rgb(166, 118, 29); opacity: 1;"></div>
          <div class="swatch" id="#666666" style="background-color: rgb(102, 102, 102); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Paired"
          style="opacity: 1;">
          <div class="swatch" id="#a6cee3" style="background-color: rgb(166, 206, 227); opacity: 1;"></div>
          <div class="swatch" id="#1f78b4" style="background-color: rgb(31, 120, 180); opacity: 1;"></div>
          <div class="swatch" id="#b2df8a" style="background-color: rgb(178, 223, 138); opacity: 1;"></div>
          <div class="swatch" id="#33a02c" style="background-color: rgb(51, 160, 44); opacity: 1;"></div>
          <div class="swatch" id="#fb9a99" style="background-color: rgb(251, 154, 153); opacity: 1;"></div>
          <div class="swatch" id="#e31a1c" style="background-color: rgb(227, 26, 28); opacity: 1;"></div>
          <div class="swatch" id="#fdbf6f" style="background-color: rgb(253, 191, 111); opacity: 1;"></div>
          <div class="swatch" id="#ff7f00" style="background-color: rgb(255, 127, 0); opacity: 1;"></div>
          <div class="swatch" id="#cab2d6" style="background-color: rgb(202, 178, 214); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Pastel1"
          style="opacity: 1;">
          <div class="swatch" id="#fbb4ae" style="background-color: rgb(251, 180, 174); opacity: 1;"></div>
          <div class="swatch" id="#b3cde3" style="background-color: rgb(179, 205, 227); opacity: 1;"></div>
          <div class="swatch" id="#ccebc5" style="background-color: rgb(204, 235, 197); opacity: 1;"></div>
          <div class="swatch" id="#decbe4" style="background-color: rgb(222, 203, 228); opacity: 1;"></div>
          <div class="swatch" id="#fed9a6" style="background-color: rgb(254, 217, 166); opacity: 1;"></div>
          <div class="swatch" id="#ffffcc" style="background-color: rgb(255, 255, 204); opacity: 1;"></div>
          <div class="swatch" id="#e5d8bd" style="background-color: rgb(229, 216, 189); opacity: 1;"></div>
          <div class="swatch" id="#fddaec" style="background-color: rgb(253, 218, 236); opacity: 1;"></div>
          <div class="swatch" id="#f2f2f2" style="background-color: rgb(242, 242, 242); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Pastel2"
          style="opacity: 1;">
          <div class="swatch" id="#b3e2cd" style="background-color: rgb(179, 226, 205); opacity: 1;"></div>
          <div class="swatch" id="#fdcdac" style="background-color: rgb(253, 205, 172); opacity: 1;"></div>
          <div class="swatch" id="#cbd5e8" style="background-color: rgb(203, 213, 232); opacity: 1;"></div>
          <div class="swatch" id="#f4cae4" style="background-color: rgb(244, 202, 228); opacity: 1;"></div>
          <div class="swatch" id="#e6f5c9" style="background-color: rgb(230, 245, 201); opacity: 1;"></div>
          <div class="swatch" id="#fff2ae" style="background-color: rgb(255, 242, 174); opacity: 1;"></div>
          <div class="swatch" id="#f1e2cc" style="background-color: rgb(241, 226, 204); opacity: 1;"></div>
          <div class="swatch" id="#cccccc" style="background-color: rgb(204, 204, 204); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Set1" style="opacity: 1;">
          <div class="swatch" id="#e41a1c" style="background-color: rgb(228, 26, 28); opacity: 1;"></div>
          <div class="swatch" id="#377eb8" style="background-color: rgb(55, 126, 184); opacity: 1;"></div>
          <div class="swatch" id="#4daf4a" style="background-color: rgb(77, 175, 74); opacity: 1;"></div>
          <div class="swatch" id="#984ea3" style="background-color: rgb(152, 78, 163); opacity: 1;"></div>
          <div class="swatch" id="#ff7f00" style="background-color: rgb(255, 127, 0); opacity: 1;"></div>
          <div class="swatch" id="#ffff33" style="background-color: rgb(255, 255, 51); opacity: 1;"></div>
          <div class="swatch" id="#a65628" style="background-color: rgb(166, 86, 40); opacity: 1;"></div>
          <div class="swatch" id="#f781bf" style="background-color: rgb(247, 129, 191); opacity: 1;"></div>
          <div class="swatch" id="#999999" style="background-color: rgb(153, 153, 153); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;">
        <span class="palette d-flex" data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme"
          title="Set2" style="opacity: 1;">
          <div class="swatch" id="#66c2a5" style="background-color: rgb(102, 194, 165); opacity: 1;"></div>
          <div class="swatch" id="#fc8d62" style="background-color: rgb(252, 141, 98); opacity: 1;"></div>
          <div class="swatch" id="#8da0cb" style="background-color: rgb(141, 160, 203); opacity: 1;"></div>
          <div class="swatch" id="#e78ac3" style="background-color: rgb(231, 138, 195); opacity: 1;"></div>
          <div class="swatch" id="#a6d854" style="background-color: rgb(166, 216, 84); opacity: 1;"></div>
          <div class="swatch" id="#ffd92f" style="background-color: rgb(255, 217, 47); opacity: 1;"></div>
          <div class="swatch" id="#e5c494" style="background-color: rgb(229, 196, 148); opacity: 1;"></div>
          <div class="swatch" id="#b3b3b3" style="background-color: rgb(179, 179, 179); opacity: 1;"></div>
        </span>
      </a>
      <a class="dropdown-item p-0 focus-bg-light" href="" onclick="return false;"><span class="palette d-flex"
          data-path="<%= data.attrs['data-path'] %>" data-summary="color_scheme" title="Set3" style="opacity: 1;">
          <div class="swatch" id="#8dd3c7" style="background-color: rgb(141, 211, 199); opacity: 1;"></div>
          <div class="swatch" id="#ffffb3" style="background-color: rgb(255, 255, 179); opacity: 1;"></div>
          <div class="swatch" id="#bebada" style="background-color: rgb(190, 186, 218); opacity: 1;"></div>
          <div class="swatch" id="#fb8072" style="background-color: rgb(251, 128, 114); opacity: 1;"></div>
          <div class="swatch" id="#80b1d3" style="background-color: rgb(128, 177, 211); opacity: 1;"></div>
          <div class="swatch" id="#fdb462" style="background-color: rgb(253, 180, 98); opacity: 1;"></div>
          <div class="swatch" id="#b3de69" style="background-color: rgb(179, 222, 105); opacity: 1;"></div>
          <div class="swatch" id="#fccde5" style="background-color: rgb(252, 205, 229); opacity: 1;"></div>
          <div class="swatch" id="#d9d9d9" style="background-color: rgb(217, 217, 217); opacity: 1;"></div>
        </span>
      </a>
    </div>
  </div>
</div>
