Во-первых, сейчас он у вас двухцветный: красно - оранжевый. Во-вторых, непонятно как он сделан, может это border у элемента с линейным градиентом. В-третьих,
color в
css задает цвет тексту, а не элементу. Если бы вы использовали иконочный шрифт для этого, то это бы сработало, а так - нет.
Скидывайте все стили для прелоадера и разметку, тогда можно что-то подсказать. Так вряд ли.
![ab47948047924689b6a6d67674cd7ff7.png](https://habrastorage.org/files/ab4/794/804/ab47948047924689b6a6d67674cd7ff7.png)
Почему вы тут поменяли цвет для прелоадера, частично:
![ce9249cd31ee41189bb13aa4e6c249ce.png](https://habrastorage.org/files/ce9/249/cd3/ce9249cd31ee41189bb13aa4e6c249ce.png)
А тут вообще забили на это?
![e5900537a66e4fb59b1bf7e3d98f549c.png](https://habrastorage.org/files/e59/005/37a/e5900537a66e4fb59b1bf7e3d98f549c.png)
И почему мы должны шарить в инспекторе и гадать, где же искать ваш код. Нельзя было приложить все стили или как?