Colorize any size palette

colorize.js

const s = document.createElement('script'); s.src = 'https://colorjs.io/dist/color.global.js'; document.body.appendChild(s);
// wait for load

function colorize(hue) {
    $$("body *").forEach(e => {
        if (e.tagName.toUpperCase() === 'SVG' || e.closest('svg')) return;
        const s = getComputedStyle(e);
        for (const prop of s) {
            if (prop.startsWith('-webkit')) continue;
            const value = s[prop];
            try {
                const color = new Color(value);
                color.oklch.h = hue;
                e.style[prop] = color.to('oklch').display().toString();
            } catch (e) {
                if (e.toString().includes('gradient')) {
                    console.log(e);
                }
            }
        }
    });
}

// then
colorize(22); // any number 0-360