Жуть какая. Могу быстро накидать маленький кусочек JS, который выберет базовый оттенок, сдвинет его и выдаст гармоничную палитру из пяти цветов в шестнадцатеричном формате. Ты даешь ему цвет, и он готов для твоих CSS-переменных. Код кинуть или просто показать, как работает?

Вот, держи демо. Просто вставь этот код в новый HTML-файл и перезагрузи страницу. Там случайно генерируется базовая цветовая гамма, создается 5-цветная гармоничная палитра (аналогичная + комплементарная) и отображаются эти цвета в виде маленьких образцов с их hex-кодами. Можешь открыть этот файл, и вуаля — каждый раз новая, случайная цветовая тема при перезагрузке. Попробуй изменить параметры смещения оттенка или насыщенность/яркость, чтобы добиться нужного стиля для твоего интерфейса. Хочешь получить чистый JS-код, который можно просто скопировать в свой проект?