It's 2024. I hope this helps someone. I stumbled upon a solution thanks to posts here.

When using filter, you are then able to change the color of the "x".

input[type="search"]::-webkit-search-cancel-button {
  filter: invert(100%);
  color: yellow; 
}