Как сделать Заголовок разноцветным, а также чтобы цвета букв были темными?
Предложу свой вариант, без правки html, только на чистом css
https://codepen.io/aliencash/pen/MGoGXz?editors=1100
Использовать для каждой буквы свой элемент span<p class="chars">
  <span class="chars__item chars__item_orange">H</span>
  <span class="chars__item chars__item_lime">E</span>
  <span class="chars__item chars__item_blue">A</span>
  <span class="chars__item chars__item_purple">D</span>
  <span class="chars__item chars__item_blue2">E</span>
  <span class="chars__item chars__item_green">R</span>   
</p>
И пишите в стилях цвет для каждого класса.
Пример  https://jsfiddle.net/a4w4ydpu/