Parte do JavaScript :
const lista = document.querySelectorAll('[cor]');
function mostraTintas () {
lista.forEach( lista => lista.classList.remove('visibilidade'));
}
function escoderTintas () {
lista.forEach( lista => lista.classList.add('visibilidade'));
}
Que mais fiz: Eu adicionei mais um botão chamado Esconder. No css criei uma class chamada visibilidade com display: none; adicionando e removendo a class das li com data-cor.