Com certeza tem! Fiz algumas refatorações no seu código para deixá-lo mais genérico.

O que fiz foi criar um objeto de configuração para seu programa, neste objeto cada cor tem uma configuração específica. Deste modo é possível parametrizar todo o resto do código com base nesse objeto.

Após isso tirei algumas variáveis que não seriam mais necessárias e criei outras para faciliar o entendimento do que alterei.

O código final segue abaixo:

const controleRobo = document.querySelectorAll("[data-controlador-robo]");

const operacaoConfig = {
    "Azul": {
        corDeFundo: '#37387e',
        caminhoDaImagemDoRobo: 'img/robotron.png',
    },
    "Amarelo": {
        corDeFundo: '#a5922f',
        caminhoDaImagemDoRobo: 'img/robotron_amarelo.png',
    },
    "Branco": {
        corDeFundo: '#8F8F8F',
        caminhoDaImagemDoRobo: 'img/robotron_branco.png',
    },
    "Preto": {
        corDeFundo: '#363839',
        caminhoDaImagemDoRobo: 'img/robotron_preto.png',
    },
    "Rosa": {
        corDeFundo: '#D458A4',
        caminhoDaImagemDoRobo: 'img/robotron_rosa.png',
    },
    "Vermelho": {
        corDeFundo: '#FF5757',
        caminhoDaImagemDoRobo: 'img/robotron_vermelho.png',
    }
};

controleRobo.forEach(elemento => {
    elemento.addEventListener("click", (evento) => {
        atualizaRobo(evento.target.dataset.controladorRobo, evento.target.parentNode);
        atualizaCorRobo(evento.target.parentNode);
    });
});

function atualizaRobo(operacao, controle) {
    const operacaoRobo = controle.querySelector("[data-contador-robo]");
    const cores = Object.keys(operacaoConfig);

    const corAtual = operacaoRobo.value;
    const indiceCorAtual = cores.indexOf(corAtual);

    const incremento = operacao === "+" ? 1 : -1;
    const indiceProximaCor = (indiceCorAtual + incremento + cores.length) % cores.length;

    operacaoRobo.value = cores[indiceProximaCor];
}

function atualizaCorRobo(controle) {
    const operacaoRobo = controle.querySelector("[data-contador-robo]");
    const corAtual = operacaoRobo.value;
    const config = operacaoConfig[corAtual] || operacaoConfig['Azul'];

    document.querySelector("#imgRobo").setAttribute('src', config.caminhoDaImagemDoRobo);
    document.body.style.background = config.corDeFundo;
}

Agora você pode adicionar novas cores ao objeto sem precisar alterar nada no restante do código!

Perfeito!! Eu entendi quase tudo, só essa parte que eu queria saber se teria como explicar

Como venho do java, queria entender o que seria esse IndexOf, e como funciona essa operacaoConfig, ela seria uma lista? se ela for uma lista, e na parte de indiceProximaCor eu to adicionando 1, uma hora vou chegar no indice final certo? Depois disso como sei que vou voltar para o inicio da lista? Por causa do resto de divisão pelo cores.length?

function atualizaRobo(operacao, controle) {
    const operacaoRobo = controle.querySelector("[data-contador-robo]");
    const cores = Object.keys(operacaoConfig);

    const corAtual = operacaoRobo.value;
    const indiceCorAtual = cores.indexOf(corAtual);

    const incremento = operacao === "+" ? 1 : -1;
    const indiceProximaCor = (indiceCorAtual + incremento + cores.length) % cores.length;

    operacaoRobo.value = cores[indiceProximaCor];
}

Obrigado por me ajudar!!