Procurei alterar o mínimo possível o código então acrescentei essas duas classes ao CSS:

.oculto {
    display: none;
 }

.revelado {
    display: block;
}

Já no HTML acrescentei outro botão:

<button onclick="ocultaTintas()">Aluratintas ocultar</button>

Por fim montei o script da seguinte forma:

    function ocultaTintas(){
        document.querySelector('.lista').classList.add('oculto');
        document.querySelector('.lista').classList.remove('revelado');
        console.log(document.querySelector('.lista').classList);
    }
    function mostraTintas() {
        document.querySelector('.lista').classList.add('revelado');
        document.querySelector('.lista').classList.remove('oculto');
        console.log(document.querySelector('.lista').classList)
    }