[Pavel_16]

const stateStack = []

Перед любым перекрашиванием делаем
stateStack.push(document.getElementById('svg').inn erHTML)

По кнопке reset
if (stateStack.length)
document.getElementById('svg').innerHTML = stateStack.pop()

Можно, конечно придумать оптимизацию. Присвоить каждому path свой id При перекрашивании запоминать id того элемента, который перекрасили и именно его innerHTML, ну и восстанавливать соответственно.

stateStack.push({id: idpath, html: document.getElementById(idpath).innerHTML})

if (stateStack.length) {
const {idpath, html} = stateStack.pop()
document.getElementById(idpath).innerHTML = html
}

Не получилось прикрутить
https://jsfiddle.net/zcgq5mj2/
вот к этой раскраски нужно,очень НУЖНО по кнопке проверку на fill

if ( [...document.getElementById('svg').querySelectorAll ('path')].every(ep => ep.getAttribute('fill')!='#ffffff') )
alert('Вы все закрасили!')

как писал VORAA
и по кнопке, возврат на шаг назад!!!

Спасибо за помощь ребята, за ранние благодарю!