Minha Solução

    <button id="button-add">Adicionar:</button>

 <ul data-lista class="lista">
    <li cor="laranja" tipo="tinta-exterior" class="item">Tinta laranja</li>
    <li cor="vermelho" tipo="tinta-interior" class="item">Tinta vermelha</li>
    <li cor="branco" tipo="tinta-interior" class="item">Tinta branca</li>
    <li cor="amarelo" tipo="tinta-exterior" class="item">Tinta amarela</li>
    <li cor="rosa" tipo="tinta-exterior" class="item">Tinta rosa</li>
    <li cor="preto" tipo="tinta-exterior" class="item">Tinta preta</li>
   </ul>

 <button id="button-remove">Remover:</button>

 <script>
    const lista = document.querySelector("[data-lista]");

 document.querySelector("#button-add").addEventListener("click", () => {
       lista.style.display = "block";
  });
document.querySelector("#button-remove").addEventListener("click", () => {
        lista.style.display = "none";
 });
</script>