[j0hnik]

это я знаю, надо было именно массив...

зачем? такого же результата как у вас, рамка с часами и датой можно добиться гораздо проще.

возможно ли сделать чтобы <span class="colon"> менял цвет от светлосерого до чёрного с интервалом в 100 милисекунд?

<span class="colon" style="font-size: 100px">:</span>
  <script>
     var colon = document.querySelectorAll('.colon'), i=0;
    (function timer() {
      i = i ? i-6 : 54;
      colon.forEach(el=>el.style.color = 'hsl(0, 0%, '+i+'%)');
      setTimeout(timer, 100);
    })();
</script>