1. In order showing the color on live page, click "COPY CSS CODE" button and then click on Actions->Edit code to paste the code in the file assets/colors.css.
2. From Theme settings->CUSTOM CSS/JS option, click on checkbox "Use colors custom css". Then, click Save at the top right.
👉 See guide
Copy code to clipboard
Copy css code
Demo swatch, Label settings Preview:
1. Moon Black (Black Frame)
2. Moon Black
3. Moon Black Plus
4. Sky Blue (Taupe Frame)
5. Sky Blue
6. Ocean Blue
7. Ocean Blue (Silver Frame)
8. Seashell Beige (Taupe Frame)
9. Lava Gray
10. Lava Gray (Silver Frame)
11. Sepia Black Comfort
12. Peach Pink
13. Transparente
14. Negro
15. Blanco
16. Pearl Pink
17. Stunning Black
18. Stone Blue
19. Suede Grey
20. Sand White
21. Moon Black Comfort
22. Gris
23. Deep Black
24. Khaki Green
25. Mirage Grey Comfort
26. Sepia Black Plus
27. Mirage Gray Plus
28. Leaf Green
29. Deep Black Comfort
30. Soho Gray Comfort
31. Rosegold
32. Chrome Black
33. Chrome Brown
34. Matt Black
35. Canvas White
36. Dark Blue
37. Stormy Blue
38. Beach Blue
39. Nature Green
40. Moon Black
41. Hibiscus Red
42. Suede Grey
43. Stone Blue
44. Pearl Pink
45. Seashell Beige
46. Gray
47. Midnight Blue Plus
48. Nautical Blue
49. Manhattan Grey Plus
50. Mountain Blue
51. Stardust Black Plus
52. Mirage Grey
53. Off White
54. Peach Pink
55. Leaf Green
56. Pale Blush
57. Jewels of Nature
58. Spring Blossom
59. Wings
60. Nude Beige
61. Mountain Blue Turquoise
62. Soho Grey
63. Platinum White
64. Khaki Green
65. Jewels of Nature
66. Ocean Blue Plus
67. Monument Grey
68. Sepia Black
69. Mirage Gray Comfort
70. Magic Black
71. Seashell Beige
72. Almond Beige
73. Chrome Black chrome
74. Ocean Blue Comfort
75. Candy Pink
76. Lava Grey
77. Mirage grey (plus)
78. Cozy Beige