Как задать цвет через data-color?
ну храните цвет в дата атрибуте и через js берите его оттуда и делайте с ним что угодно. В чём проблема?
https://jsfiddle.net/090ugdmf/1/
Делайте обёртку на js<div class="header" data-color="{'color': 'red', 'property':'background'}">...</div>
<div class="footer" data-color="{'color': 'blue', 'property':'color'}">...</div>
После чего JS циклом приходитесь по элементам с data-color