From e95cd5a933c1154f6e3f72b831101671a9128189 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Irfan=20=C3=96m=C3=BCr?= <irfan.omur@automattic.com>
Date: Sat, 4 Jan 2025 14:07:37 +0300
Subject: [PATCH] Update purple colors in icons

t
---
 .../main/res/drawable/ic_ai_share_button.xml  | 18 ++---
 .../main/res/drawable/ic_arrow_down_26.xml    |  6 +-
 .../res/drawable/ic_arrow_forward_rounded.xml | 14 ++--
 .../src/main/res/drawable/ic_arrow_up_26.xml  |  6 +-
 .../src/main/res/drawable/ic_badge_new.xml    | 12 ++--
 .../main/res/drawable/ic_credit_card_give.xml | 70 +++++++++----------
 .../res/drawable/ic_gridicons_megaphone.xml   | 18 ++---
 .../ic_rounded_chcekbox_partially_checked.xml |  6 +-
 WooCommerce/src/main/res/drawable/info.xml    | 13 ++--
 .../src/main/res/values/wc_colors_base.xml    |  1 +
 10 files changed, 85 insertions(+), 79 deletions(-)

diff --git a/WooCommerce/src/main/res/drawable/ic_ai_share_button.xml b/WooCommerce/src/main/res/drawable/ic_ai_share_button.xml
index dcd73ee1b7a..21cf076bc6a 100644
--- a/WooCommerce/src/main/res/drawable/ic_ai_share_button.xml
+++ b/WooCommerce/src/main/res/drawable/ic_ai_share_button.xml
@@ -3,13 +3,13 @@
     android:height="18dp"
     android:viewportWidth="17"
     android:viewportHeight="18">
-  <path
-      android:pathData="M10,2L11.891,7.109L17,9L11.891,10.891L10,16L8.109,10.891L3,9L8.109,7.109L10,2Z"
-      android:fillColor="#674399"/>
-  <path
-      android:pathData="M3,0.5L3.81,2.69L6,3.5L3.81,4.31L3,6.5L2.19,4.31L0,3.5L2.19,2.69L3,0.5Z"
-      android:fillColor="#674399"/>
-  <path
-      android:pathData="M3,11.5L3.81,13.69L6,14.5L3.81,15.31L3,17.5L2.19,15.31L0,14.5L2.19,13.69L3,11.5Z"
-      android:fillColor="#674399"/>
+    <path
+        android:fillColor="@color/tag_icon"
+        android:pathData="M10,2L11.891,7.109L17,9L11.891,10.891L10,16L8.109,10.891L3,9L8.109,7.109L10,2Z" />
+    <path
+        android:fillColor="@color/tag_icon"
+        android:pathData="M3,0.5L3.81,2.69L6,3.5L3.81,4.31L3,6.5L2.19,4.31L0,3.5L2.19,2.69L3,0.5Z" />
+    <path
+        android:fillColor="@color/tag_icon"
+        android:pathData="M3,11.5L3.81,13.69L6,14.5L3.81,15.31L3,17.5L2.19,15.31L0,14.5L2.19,13.69L3,11.5Z" />
 </vector>
diff --git a/WooCommerce/src/main/res/drawable/ic_arrow_down_26.xml b/WooCommerce/src/main/res/drawable/ic_arrow_down_26.xml
index 9e562c586e7..610d9196713 100644
--- a/WooCommerce/src/main/res/drawable/ic_arrow_down_26.xml
+++ b/WooCommerce/src/main/res/drawable/ic_arrow_down_26.xml
@@ -3,7 +3,7 @@
     android:height="8dp"
     android:viewportWidth="26"
     android:viewportHeight="8">
-  <path
-      android:pathData="M1.848,3.32C1.583,3.211 1.374,3.051 1.219,2.842C1.064,2.632 0.986,2.4 0.986,2.145C0.986,1.743 1.118,1.411 1.383,1.146C1.647,0.873 1.975,0.736 2.367,0.736C2.577,0.736 2.8,0.782 3.037,0.873C3.283,0.955 3.493,1.028 3.666,1.092L14.139,5.207H12.211L22.684,1.092C22.857,1.028 23.066,0.955 23.313,0.873C23.559,0.782 23.782,0.736 23.982,0.736C24.374,0.736 24.702,0.873 24.967,1.146C25.231,1.411 25.363,1.743 25.363,2.145C25.363,2.4 25.286,2.632 25.131,2.842C24.976,3.051 24.766,3.211 24.502,3.32L15.178,6.971C14.859,7.089 14.521,7.212 14.166,7.34C13.811,7.458 13.482,7.518 13.182,7.518C12.872,7.518 12.539,7.458 12.184,7.34C11.828,7.212 11.495,7.089 11.186,6.971L1.848,3.32Z"
-      android:fillColor="#966CCF"/>
+    <path
+        android:fillColor="@color/color_primary"
+        android:pathData="M1.848,3.32C1.583,3.211 1.374,3.051 1.219,2.842C1.064,2.632 0.986,2.4 0.986,2.145C0.986,1.743 1.118,1.411 1.383,1.146C1.647,0.873 1.975,0.736 2.367,0.736C2.577,0.736 2.8,0.782 3.037,0.873C3.283,0.955 3.493,1.028 3.666,1.092L14.139,5.207H12.211L22.684,1.092C22.857,1.028 23.066,0.955 23.313,0.873C23.559,0.782 23.782,0.736 23.982,0.736C24.374,0.736 24.702,0.873 24.967,1.146C25.231,1.411 25.363,1.743 25.363,2.145C25.363,2.4 25.286,2.632 25.131,2.842C24.976,3.051 24.766,3.211 24.502,3.32L15.178,6.971C14.859,7.089 14.521,7.212 14.166,7.34C13.811,7.458 13.482,7.518 13.182,7.518C12.872,7.518 12.539,7.458 12.184,7.34C11.828,7.212 11.495,7.089 11.186,6.971L1.848,3.32Z" />
 </vector>
diff --git a/WooCommerce/src/main/res/drawable/ic_arrow_forward_rounded.xml b/WooCommerce/src/main/res/drawable/ic_arrow_forward_rounded.xml
index bee0bbe143d..618aed03270 100644
--- a/WooCommerce/src/main/res/drawable/ic_arrow_forward_rounded.xml
+++ b/WooCommerce/src/main/res/drawable/ic_arrow_forward_rounded.xml
@@ -1,6 +1,12 @@
-<vector android:height="20.676924dp" android:viewportHeight="56"
-    android:viewportWidth="65" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
-    <path android:fillColor="#00000000"
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="20.676924dp"
+    android:viewportWidth="65"
+    android:viewportHeight="56">
+    <path
+        android:fillColor="#00000000"
         android:pathData="M5,28H57M57,28L34,5M57,28L34,51"
-        android:strokeColor="#7F54B3" android:strokeLineCap="round" android:strokeWidth="10"/>
+        android:strokeWidth="10"
+        android:strokeColor="@color/color_primary"
+        android:strokeLineCap="round" />
 </vector>
diff --git a/WooCommerce/src/main/res/drawable/ic_arrow_up_26.xml b/WooCommerce/src/main/res/drawable/ic_arrow_up_26.xml
index e7751f7ef84..2919b4e7348 100644
--- a/WooCommerce/src/main/res/drawable/ic_arrow_up_26.xml
+++ b/WooCommerce/src/main/res/drawable/ic_arrow_up_26.xml
@@ -3,7 +3,7 @@
     android:height="8dp"
     android:viewportWidth="26"
     android:viewportHeight="8">
-  <path
-      android:pathData="M1.848,4.537L11.186,0.887C11.495,0.768 11.828,0.65 12.184,0.531C12.539,0.404 12.872,0.34 13.182,0.34C13.482,0.34 13.811,0.404 14.166,0.531C14.521,0.65 14.859,0.768 15.178,0.887L24.502,4.537C24.766,4.637 24.976,4.797 25.131,5.016C25.286,5.225 25.363,5.453 25.363,5.699C25.363,6.109 25.231,6.451 24.967,6.725C24.702,6.989 24.374,7.121 23.982,7.121C23.782,7.121 23.559,7.08 23.313,6.998C23.066,6.907 22.857,6.825 22.684,6.752L12.211,2.65H14.139L3.666,6.752C3.493,6.825 3.283,6.907 3.037,6.998C2.8,7.08 2.577,7.121 2.367,7.121C1.975,7.121 1.647,6.989 1.383,6.725C1.118,6.451 0.986,6.109 0.986,5.699C0.986,5.453 1.064,5.225 1.219,5.016C1.374,4.797 1.583,4.637 1.848,4.537Z"
-      android:fillColor="#966CCF"/>
+    <path
+        android:fillColor="@color/color_primary"
+        android:pathData="M1.848,4.537L11.186,0.887C11.495,0.768 11.828,0.65 12.184,0.531C12.539,0.404 12.872,0.34 13.182,0.34C13.482,0.34 13.811,0.404 14.166,0.531C14.521,0.65 14.859,0.768 15.178,0.887L24.502,4.537C24.766,4.637 24.976,4.797 25.131,5.016C25.286,5.225 25.363,5.453 25.363,5.699C25.363,6.109 25.231,6.451 24.967,6.725C24.702,6.989 24.374,7.121 23.982,7.121C23.782,7.121 23.559,7.08 23.313,6.998C23.066,6.907 22.857,6.825 22.684,6.752L12.211,2.65H14.139L3.666,6.752C3.493,6.825 3.283,6.907 3.037,6.998C2.8,7.08 2.577,7.121 2.367,7.121C1.975,7.121 1.647,6.989 1.383,6.725C1.118,6.451 0.986,6.109 0.986,5.699C0.986,5.453 1.064,5.225 1.219,5.016C1.374,4.797 1.583,4.637 1.848,4.537Z" />
 </vector>
diff --git a/WooCommerce/src/main/res/drawable/ic_badge_new.xml b/WooCommerce/src/main/res/drawable/ic_badge_new.xml
index 477b91124c0..f6effc37b8d 100644
--- a/WooCommerce/src/main/res/drawable/ic_badge_new.xml
+++ b/WooCommerce/src/main/res/drawable/ic_badge_new.xml
@@ -3,10 +3,10 @@
     android:height="16dp"
     android:viewportWidth="42"
     android:viewportHeight="24">
-  <path
-      android:pathData="M8,0L34,0A8,8 0,0 1,42 8L42,16A8,8 0,0 1,34 24L8,24A8,8 0,0 1,0 16L0,8A8,8 0,0 1,8 0z"
-      android:fillColor="#F7EDF7"/>
-  <path
-      android:pathData="M7.025,16H8.719V10.592H8.813L12.727,16H14.191V7.545H12.498V12.93H12.404L8.502,7.545H7.025V16ZM16.648,16H22.25V14.541H18.418V12.402H22.033V11.043H18.418V9.004H22.25V7.545H16.648V16ZM26.241,16H27.911L29.493,10.305H29.587L31.187,16H32.845L35.089,7.545H33.261L31.954,13.586H31.861L30.29,7.545H28.796L27.255,13.586H27.161L25.843,7.545H24.003L26.241,16Z"
-      android:fillColor="#674399"/>
+    <path
+        android:fillColor="@color/woo_purple_0"
+        android:pathData="M8,0L34,0A8,8 0,0 1,42 8L42,16A8,8 0,0 1,34 24L8,24A8,8 0,0 1,0 16L0,8A8,8 0,0 1,8 0z" />
+    <path
+        android:fillColor="@color/woo_purple_60"
+        android:pathData="M7.025,16H8.719V10.592H8.813L12.727,16H14.191V7.545H12.498V12.93H12.404L8.502,7.545H7.025V16ZM16.648,16H22.25V14.541H18.418V12.402H22.033V11.043H18.418V9.004H22.25V7.545H16.648V16ZM26.241,16H27.911L29.493,10.305H29.587L31.187,16H32.845L35.089,7.545H33.261L31.954,13.586H31.861L30.29,7.545H28.796L27.255,13.586H27.161L25.843,7.545H24.003L26.241,16Z" />
 </vector>
diff --git a/WooCommerce/src/main/res/drawable/ic_credit_card_give.xml b/WooCommerce/src/main/res/drawable/ic_credit_card_give.xml
index 0392fca6720..68b0dd4c5c7 100644
--- a/WooCommerce/src/main/res/drawable/ic_credit_card_give.xml
+++ b/WooCommerce/src/main/res/drawable/ic_credit_card_give.xml
@@ -3,39 +3,39 @@
     android:height="40dp"
     android:viewportWidth="56"
     android:viewportHeight="40">
-  <path
-      android:pathData="M1.75,35.75C10.5,35.75 7,37.5 29.75,37.5C36.75,37.5 43.75,35.75 45.5,28.75"
-      android:strokeLineJoin="round"
-      android:strokeWidth="3.49999"
-      android:fillColor="#00000000"
-      android:strokeColor="#7F54B3"
-      android:strokeLineCap="round"/>
-  <path
-      android:pathData="M1.75,17.993H7.303C7.957,17.993 8.61,17.69 9.03,17.153L18.48,7.843L27.393,9.631C28.653,9.864 29.493,10.891 28.933,13.131C28.7,14.017 27.953,14.671 27.067,14.811L22.68,15.441C21.583,15.534 20.79,16.491 20.907,17.587C20.907,17.611 20.907,17.634 20.907,17.657V23.607C20.743,24.284 20.393,24.891 19.88,25.357L15.027,29.161"
-      android:strokeLineJoin="round"
-      android:strokeWidth="3.49999"
-      android:fillColor="#00000000"
-      android:strokeColor="#7F54B3"
-      android:strokeLineCap="round"/>
-  <path
-      android:pathData="M28,28.75H50.75C52.663,28.75 54.25,27.163 54.25,25.25V6C54.25,4.063 52.663,2.5 50.75,2.5H24.5C22.563,2.5 21,4.063 21,6V8.357"
-      android:strokeLineJoin="round"
-      android:strokeWidth="3.49999"
-      android:fillColor="#00000000"
-      android:strokeColor="#7F54B3"
-      android:strokeLineCap="round"/>
-  <path
-      android:pathData="M29.143,11.25H54.25"
-      android:strokeLineJoin="round"
-      android:strokeWidth="3.49999"
-      android:fillColor="#00000000"
-      android:strokeColor="#7F54B3"
-      android:strokeLineCap="round"/>
-  <path
-      android:pathData="M47.25,18.25H43.75"
-      android:strokeLineJoin="round"
-      android:strokeWidth="3.49999"
-      android:fillColor="#00000000"
-      android:strokeColor="#7F54B3"
-      android:strokeLineCap="round"/>
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M1.75,35.75C10.5,35.75 7,37.5 29.75,37.5C36.75,37.5 43.75,35.75 45.5,28.75"
+        android:strokeWidth="3.49999"
+        android:strokeColor="@color/color_primary"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M1.75,17.993H7.303C7.957,17.993 8.61,17.69 9.03,17.153L18.48,7.843L27.393,9.631C28.653,9.864 29.493,10.891 28.933,13.131C28.7,14.017 27.953,14.671 27.067,14.811L22.68,15.441C21.583,15.534 20.79,16.491 20.907,17.587C20.907,17.611 20.907,17.634 20.907,17.657V23.607C20.743,24.284 20.393,24.891 19.88,25.357L15.027,29.161"
+        android:strokeWidth="3.49999"
+        android:strokeColor="@color/color_primary"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M28,28.75H50.75C52.663,28.75 54.25,27.163 54.25,25.25V6C54.25,4.063 52.663,2.5 50.75,2.5H24.5C22.563,2.5 21,4.063 21,6V8.357"
+        android:strokeWidth="3.49999"
+        android:strokeColor="@color/color_primary"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29.143,11.25H54.25"
+        android:strokeWidth="3.49999"
+        android:strokeColor="@color/color_primary"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M47.25,18.25H43.75"
+        android:strokeWidth="3.49999"
+        android:strokeColor="@color/color_primary"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
 </vector>
diff --git a/WooCommerce/src/main/res/drawable/ic_gridicons_megaphone.xml b/WooCommerce/src/main/res/drawable/ic_gridicons_megaphone.xml
index 87e16bd1049..d4883ea2a03 100644
--- a/WooCommerce/src/main/res/drawable/ic_gridicons_megaphone.xml
+++ b/WooCommerce/src/main/res/drawable/ic_gridicons_megaphone.xml
@@ -3,13 +3,13 @@
     android:height="24dp"
     android:viewportWidth="24"
     android:viewportHeight="24">
-  <path
-      android:pathData="M5,10H5.0785L5.1552,9.9838L18.0785,7.25H19.25V15.25H18.0785L5.1552,12.5162L5.0785,12.5H5H4.75V10H5Z"
-      android:strokeWidth="1.5"
-      android:fillColor="#00000000"
-      android:strokeColor="#674399"/>
-  <path
-      android:pathData="M9.9283,16.2481C8.74,15.8848 8.0711,14.6269 8.4345,13.4386L7,13C6.3945,14.9806 7.5092,17.077 9.4897,17.6825C11.4703,18.2881 13.5668,17.1734 14.1723,15.1928L12.7378,14.7542C12.3745,15.9426 11.1166,16.6114 9.9283,16.2481Z"
-      android:fillColor="#674399"
-      android:fillType="evenOdd"/>
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M5,10H5.0785L5.1552,9.9838L18.0785,7.25H19.25V15.25H18.0785L5.1552,12.5162L5.0785,12.5H5H4.75V10H5Z"
+        android:strokeWidth="1.5"
+        android:strokeColor="@color/color_primary" />
+    <path
+        android:fillColor="@color/color_primary"
+        android:fillType="evenOdd"
+        android:pathData="M9.9283,16.2481C8.74,15.8848 8.0711,14.6269 8.4345,13.4386L7,13C6.3945,14.9806 7.5092,17.077 9.4897,17.6825C11.4703,18.2881 13.5668,17.1734 14.1723,15.1928L12.7378,14.7542C12.3745,15.9426 11.1166,16.6114 9.9283,16.2481Z" />
 </vector>
diff --git a/WooCommerce/src/main/res/drawable/ic_rounded_chcekbox_partially_checked.xml b/WooCommerce/src/main/res/drawable/ic_rounded_chcekbox_partially_checked.xml
index eb7a55157b4..d15d8027e28 100644
--- a/WooCommerce/src/main/res/drawable/ic_rounded_chcekbox_partially_checked.xml
+++ b/WooCommerce/src/main/res/drawable/ic_rounded_chcekbox_partially_checked.xml
@@ -3,7 +3,7 @@
     android:height="24dp"
     android:viewportWidth="24"
     android:viewportHeight="24">
-  <path
-      android:pathData="M12,23.5C14.274,23.5 16.498,22.826 18.389,21.562C20.28,20.298 21.754,18.502 22.625,16.401C23.495,14.3 23.723,11.987 23.279,9.756C22.835,7.526 21.74,5.477 20.132,3.868C18.523,2.26 16.474,1.165 14.243,0.721C12.013,0.277 9.7,0.505 7.599,1.375C5.498,2.246 3.702,3.72 2.438,5.611C1.174,7.502 0.5,9.726 0.5,12C0.503,15.049 1.716,17.972 3.872,20.128C6.028,22.284 8.951,23.497 12,23.5ZM6,11H18C18.265,11 18.52,11.105 18.707,11.293C18.895,11.48 19,11.735 19,12C19,12.265 18.895,12.52 18.707,12.707C18.52,12.895 18.265,13 18,13H6C5.735,13 5.48,12.895 5.293,12.707C5.105,12.52 5,12.265 5,12C5,11.735 5.105,11.48 5.293,11.293C5.48,11.105 5.735,11 6,11Z"
-      android:fillColor="#674399"/>
+    <path
+        android:fillColor="@color/color_primary"
+        android:pathData="M12,23.5C14.274,23.5 16.498,22.826 18.389,21.562C20.28,20.298 21.754,18.502 22.625,16.401C23.495,14.3 23.723,11.987 23.279,9.756C22.835,7.526 21.74,5.477 20.132,3.868C18.523,2.26 16.474,1.165 14.243,0.721C12.013,0.277 9.7,0.505 7.599,1.375C5.498,2.246 3.702,3.72 2.438,5.611C1.174,7.502 0.5,9.726 0.5,12C0.503,15.049 1.716,17.972 3.872,20.128C6.028,22.284 8.951,23.497 12,23.5ZM6,11H18C18.265,11 18.52,11.105 18.707,11.293C18.895,11.48 19,11.735 19,12C19,12.265 18.895,12.52 18.707,12.707C18.52,12.895 18.265,13 18,13H6C5.735,13 5.48,12.895 5.293,12.707C5.105,12.52 5,12.265 5,12C5,11.735 5.105,11.48 5.293,11.293C5.48,11.105 5.735,11 6,11Z" />
 </vector>
diff --git a/WooCommerce/src/main/res/drawable/info.xml b/WooCommerce/src/main/res/drawable/info.xml
index 25c96d08758..a05ee8efd1f 100644
--- a/WooCommerce/src/main/res/drawable/info.xml
+++ b/WooCommerce/src/main/res/drawable/info.xml
@@ -3,11 +3,10 @@
     android:height="48dp"
     android:viewportWidth="48"
     android:viewportHeight="48">
-  <group>
-    <clip-path
-        android:pathData="M0,0h48v48H0z"/>
-    <path
-        android:pathData="M22.496,33.502h3v-11.5h-3v11.5ZM23.996,18.578c0.458,0 0.841,-0.154 1.151,-0.464 0.31,-0.31 0.465,-0.693 0.465,-1.151 0,-0.458 -0.155,-0.841 -0.465,-1.151a1.564,1.564 0,0 0,-1.15 -0.464c-0.459,0 -0.842,0.155 -1.152,0.464 -0.31,0.31 -0.464,0.693 -0.464,1.151 0,0.458 0.154,0.841 0.464,1.151 0.31,0.31 0.693,0.464 1.151,0.464ZM24,43.002c-2.628,0 -5.099,-0.5 -7.41,-1.497 -2.313,-0.997 -4.325,-2.35 -6.035,-4.06 -1.71,-1.71 -3.064,-3.72 -4.062,-6.032 -0.998,-2.31 -1.497,-4.78 -1.497,-7.408s0.499,-5.098 1.496,-7.41c0.997,-2.313 2.35,-4.324 4.06,-6.034 1.71,-1.71 3.72,-3.065 6.032,-4.063 2.311,-0.998 4.78,-1.497 7.409,-1.497 2.628,0 5.098,0.5 7.41,1.496 2.312,0.998 4.324,2.351 6.034,4.061s3.065,3.72 4.063,6.032c0.997,2.31 1.496,4.78 1.496,7.408s-0.499,5.098 -1.496,7.41c-0.997,2.313 -2.35,4.324 -4.06,6.035 -1.71,1.71 -3.72,3.064 -6.032,4.062 -2.311,0.998 -4.78,1.496 -7.408,1.496ZM23.996,40.002c4.467,0 8.25,-1.55 11.35,-4.65 3.1,-3.1 4.65,-6.884 4.65,-11.35 0,-4.467 -1.55,-8.25 -4.65,-11.35 -3.1,-3.1 -6.883,-4.65 -11.35,-4.65s-8.25,1.55 -11.35,4.65c-3.1,3.1 -4.65,6.883 -4.65,11.35 0,4.466 1.55,8.25 4.65,11.35 3.1,3.1 6.883,4.65 11.35,4.65Z"
-        android:fillColor="#7F54B3"/>
-  </group>
+    <group>
+        <clip-path android:pathData="M0,0h48v48H0z" />
+        <path
+            android:fillColor="@color/color_primary"
+            android:pathData="M22.496,33.502h3v-11.5h-3v11.5ZM23.996,18.578c0.458,0 0.841,-0.154 1.151,-0.464 0.31,-0.31 0.465,-0.693 0.465,-1.151 0,-0.458 -0.155,-0.841 -0.465,-1.151a1.564,1.564 0,0 0,-1.15 -0.464c-0.459,0 -0.842,0.155 -1.152,0.464 -0.31,0.31 -0.464,0.693 -0.464,1.151 0,0.458 0.154,0.841 0.464,1.151 0.31,0.31 0.693,0.464 1.151,0.464ZM24,43.002c-2.628,0 -5.099,-0.5 -7.41,-1.497 -2.313,-0.997 -4.325,-2.35 -6.035,-4.06 -1.71,-1.71 -3.064,-3.72 -4.062,-6.032 -0.998,-2.31 -1.497,-4.78 -1.497,-7.408s0.499,-5.098 1.496,-7.41c0.997,-2.313 2.35,-4.324 4.06,-6.034 1.71,-1.71 3.72,-3.065 6.032,-4.063 2.311,-0.998 4.78,-1.497 7.409,-1.497 2.628,0 5.098,0.5 7.41,1.496 2.312,0.998 4.324,2.351 6.034,4.061s3.065,3.72 4.063,6.032c0.997,2.31 1.496,4.78 1.496,7.408s-0.499,5.098 -1.496,7.41c-0.997,2.313 -2.35,4.324 -4.06,6.035 -1.71,1.71 -3.72,3.064 -6.032,4.062 -2.311,0.998 -4.78,1.496 -7.408,1.496ZM23.996,40.002c4.467,0 8.25,-1.55 11.35,-4.65 3.1,-3.1 4.65,-6.884 4.65,-11.35 0,-4.467 -1.55,-8.25 -4.65,-11.35 -3.1,-3.1 -6.883,-4.65 -11.35,-4.65s-8.25,1.55 -11.35,4.65c-3.1,3.1 -4.65,6.883 -4.65,11.35 0,4.466 1.55,8.25 4.65,11.35 3.1,3.1 6.883,4.65 11.35,4.65Z" />
+    </group>
 </vector>
diff --git a/WooCommerce/src/main/res/values/wc_colors_base.xml b/WooCommerce/src/main/res/values/wc_colors_base.xml
index dc9c0c6006d..baad6df4fbd 100644
--- a/WooCommerce/src/main/res/values/wc_colors_base.xml
+++ b/WooCommerce/src/main/res/values/wc_colors_base.xml
@@ -1,6 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <color name="woo_purple_0">#F2EDFF</color>
+    <color name="woo_purple_5">#E1D7FF</color>
     <color name="woo_purple_10">#D1C1FF</color>
     <color name="woo_purple_20">#B999FF</color>
     <color name="woo_purple_30">#A77EFF</color>