diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/CardShadow.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/CardShadow.colorset/Contents.json
index 565acc5d..d7c65c78 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/CardShadow.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/CardShadow.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "0.157",
-          "green" : "0.157",
-          "red" : "0.157"
+          "blue" : "0x28",
+          "green" : "0x28",
+          "red" : "0x28"
         }
       },
       "idiom" : "universal"
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BackgroundFirst.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BackgroundFirst.colorset/Contents.json
new file mode 100644
index 00000000..dd1316f9
--- /dev/null
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BackgroundFirst.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x1D",
+          "green" : "0x1D",
+          "red" : "0x1D"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BackgroundSecond.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BackgroundSecond.colorset/Contents.json
new file mode 100644
index 00000000..970a7e3d
--- /dev/null
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BackgroundSecond.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x16",
+          "green" : "0x16",
+          "red" : "0x16"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BorderFirst.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BorderFirst.colorset/Contents.json
new file mode 100644
index 00000000..c7908e48
--- /dev/null
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BorderFirst.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "0.300",
+          "blue" : "0x41",
+          "green" : "0x41",
+          "red" : "0x41"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BorderSecond.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BorderSecond.colorset/Contents.json
new file mode 100644
index 00000000..2295031c
--- /dev/null
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/BorderSecond.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "0.900",
+          "blue" : "0x1A",
+          "green" : "0x1A",
+          "red" : "0x1A"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/Contents.json
new file mode 100644
index 00000000..6e965652
--- /dev/null
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/DummyUserGradient/Contents.json
@@ -0,0 +1,9 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "provides-namespace" : true
+  }
+}
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/Contents.json
new file mode 100644
index 00000000..6e965652
--- /dev/null
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/Contents.json
@@ -0,0 +1,9 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "provides-namespace" : true
+  }
+}
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/GradientFirst.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/GradientFirst.colorset/Contents.json
new file mode 100644
index 00000000..aebbcb48
--- /dev/null
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/GradientFirst.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0.306",
+          "green" : "0.094",
+          "red" : "0.976"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/GradientSecond.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/GradientSecond.colorset/Contents.json
new file mode 100644
index 00000000..b0aa2758
--- /dev/null
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/GradientSecond.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0.239",
+          "green" : "0.455",
+          "red" : "0.976"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/GradientThird.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/GradientThird.colorset/Contents.json
new file mode 100644
index 00000000..3c5bbeab
--- /dev/null
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/LikeGradient/GradientThird.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0.180",
+          "green" : "0.800",
+          "red" : "0.976"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral300.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral300.colorset/Contents.json
index 74bf8b18..1a27b94b 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral300.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral300.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "141",
-          "green" : "141",
-          "red" : "141"
+          "blue" : "0x8D",
+          "green" : "0x8D",
+          "red" : "0x8D"
         }
       },
       "idiom" : "universal"
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral400.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral400.colorset/Contents.json
index 63759910..a310fa43 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral400.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral400.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "102",
-          "green" : "102",
-          "red" : "102"
+          "blue" : "0x66",
+          "green" : "0x66",
+          "red" : "0x66"
         }
       },
       "idiom" : "universal"
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral450.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral450.colorset/Contents.json
index 2c7d8a3d..3e4a19da 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral450.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral450.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "0.450",
-          "green" : "0.450",
-          "red" : "0.450"
+          "blue" : "0x72",
+          "green" : "0x72",
+          "red" : "0x72"
         }
       },
       "idiom" : "universal"
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral500.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral500.colorset/Contents.json
index 60222043..cfe89e66 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral500.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral500.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "61",
-          "green" : "61",
-          "red" : "61"
+          "blue" : "0x3D",
+          "green" : "0x3D",
+          "red" : "0x3D"
         }
       },
       "idiom" : "universal"
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral600.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral600.colorset/Contents.json
index 23778021..99b11803 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral600.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral600.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "34",
-          "green" : "34",
-          "red" : "34"
+          "blue" : "0x22",
+          "green" : "0x22",
+          "red" : "0x22"
         }
       },
       "idiom" : "universal"
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral700.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral700.colorset/Contents.json
index 3c71ca51..970a7e3d 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral700.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral700.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "22",
-          "green" : "22",
-          "red" : "22"
+          "blue" : "0x16",
+          "green" : "0x16",
+          "red" : "0x16"
         }
       },
       "idiom" : "universal"
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral900.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral900.colorset/Contents.json
index 41622fc0..45f53d1d 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral900.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Neutral900.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "17",
-          "green" : "17",
-          "red" : "17"
+          "blue" : "0x11",
+          "green" : "0x11",
+          "red" : "0x11"
         }
       },
       "idiom" : "universal"
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Payment.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Payment.colorset/Contents.json
index 6c7e64fc..c3629ecd 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/Payment.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/Payment.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "46",
-          "green" : "44",
-          "red" : "44"
+          "blue" : "0x2E",
+          "green" : "0x2C",
+          "red" : "0x2C"
         }
       },
       "idiom" : "universal"
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/UnSelected.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/UnSelected.colorset/Contents.json
index e57a0e20..6649025e 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/UnSelected.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/UnSelected.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "1.000",
-          "blue" : "53",
-          "green" : "53",
-          "red" : "53"
+          "blue" : "0x35",
+          "green" : "0x35",
+          "red" : "0x35"
         }
       },
       "idiom" : "universal"
diff --git a/Projects/Modules/DesignSystem/Resources/Color.xcassets/blur.colorset/Contents.json b/Projects/Modules/DesignSystem/Resources/Color.xcassets/blur.colorset/Contents.json
index eacf7df3..c11c7789 100644
--- a/Projects/Modules/DesignSystem/Resources/Color.xcassets/blur.colorset/Contents.json
+++ b/Projects/Modules/DesignSystem/Resources/Color.xcassets/blur.colorset/Contents.json
@@ -5,9 +5,9 @@
         "color-space" : "srgb",
         "components" : {
           "alpha" : "0.200",
-          "blue" : "0.067",
-          "green" : "0.067",
-          "red" : "0.067"
+          "blue" : "0x11",
+          "green" : "0x11",
+          "red" : "0x11"
         }
       },
       "idiom" : "iphone"