I have created them now, have removed the codes from Functions and Stylesheet, now all colors are working.
However I have faced a issue due to confusion, there are 2 boxes when creating colors, the upper box is for the name of the color the below it is for the color code, because I did not know I was adding the color code in the upper box, I think this confusions can be faced by others, it would be good to add a text for below box to say CSS code or something like that.
Thanks for all the help, hope now the colors will last long time from now.