diff --git a/packages/tailwind-config/variables.css b/packages/tailwind-config/variables.css
index bab1f015b83..2a3fed91b42 100644
--- a/packages/tailwind-config/variables.css
+++ b/packages/tailwind-config/variables.css
@@ -321,9 +321,9 @@
     --txt-link-primary-hover: var(--brand-900);
     --txt-link-secondary: var(--neutral-900);
     /* Label colors */
-    --label-indigo-bg: var(--extended-color-indigo-100);
+    --label-indigo-bg: var(--extended-color-indigo-50);
     --label-indigo-bg-strong: var(--extended-color-indigo-700);
-    --label-indigo-hover: var(--extended-color-indigo-300);
+    --label-indigo-hover: var(--extended-color-indigo-100);
     --label-indigo-icon: var(--extended-color-indigo-700);
     --label-indigo-text: var(--extended-color-indigo-700);
     --label-indigo-border: var(--extended-color-indigo-700);
@@ -331,7 +331,7 @@
     --label-emerald-bg: var(--extended-color-emerald-50);
     --label-emerald-bg-strong: var(--extended-color-emerald-600);
     --label-emerald-hover: var(--extended-color-emerald-200);
-    --label-emerald-icon: var(--extended-color-emerald-600);
+    --label-emerald-icon: var(--extended-color-emerald-800);
     --label-emerald-text: var(--extended-color-emerald-800);
     --label-emerald-border: var(--extended-color-emerald-800);
     --label-emerald-focus: var(--extended-color-emerald-700);
@@ -352,10 +352,31 @@
     --label-yellow-bg: var(--extended-color-yellow-50);
     --label-yellow-bg-strong: var(--extended-color-yellow-600);
     --label-yellow-hover: var(--extended-color-yellow-100);
-    --label-yellow-icon: var(--extended-color-yellow-600);
-    --label-yellow-text: var(--extended-color-yellow-600);
+    --label-yellow-icon: var(--extended-color-yellow-700);
+    --label-yellow-text: var(--extended-color-yellow-700);
     --label-yellow-border: var(--extended-color-yellow-600);
     --label-yellow-focus: var(--extended-color-yellow-400);
+    --label-orange-bg: var(--extended-color-orange-50);
+    --label-orange-bg-strong: var(--extended-color-orange-600);
+    --label-orange-hover: var(--extended-color-orange-100);
+    --label-orange-icon: var(--extended-color-orange-600);
+    --label-orange-text: var(--extended-color-orange-600);
+    --label-orange-border: var(--extended-color-orange-600);
+    --label-orange-focus: var(--extended-color-orange-300);
+    --label-pink-bg: var(--extended-color-pink-50);
+    --label-pink-bg-strong: var(--extended-color-pink-600);
+    --label-pink-hover: var(--extended-color-pink-100);
+    --label-pink-icon: var(--extended-color-pink-600);
+    --label-pink-text: var(--extended-color-pink-600);
+    --label-pink-border: var(--extended-color-pink-600);
+    --label-pink-focus: var(--extended-color-pink-400);
+    --label-purple-bg: var(--extended-color-purple-50);
+    --label-purple-bg-strong: var(--extended-color-purple-500);
+    --label-purple-hover: var(--extended-color-purple-100);
+    --label-purple-icon: var(--extended-color-purple-500);
+    --label-purple-text: var(--extended-color-purple-600);
+    --label-purple-border: var(--extended-color-purple-600);
+    --label-purple-focus: var(--extended-color-purple-300);
     /* Illustration colors */
     --illustration-fill-primary: var(--neutral-white);
     --illustration-fill-secondary: var(--neutral-200);
@@ -550,41 +571,62 @@
       --txt-link-primary-hover: var(--brand-700);
       --txt-link-secondary: var(--neutral-1100);
       /* Label colors */
-      --label-indigo-bg: var(--extended-color-indigo-800);
+      --label-indigo-bg: var(--extended-color-indigo-900);
       --label-indigo-bg-strong: var(--extended-color-indigo-500);
-      --label-indigo-hover: var(--extended-color-indigo-700);
-      --label-indigo-icon: var(--extended-color-indigo-500);
-      --label-indigo-text: var(--extended-color-indigo-500);
-      --label-indigo-border: var(--extended-color-indigo-500);
+      --label-indigo-hover: var(--extended-color-indigo-800);
+      --label-indigo-icon: var(--extended-color-indigo-400);
+      --label-indigo-text: var(--extended-color-indigo-400);
+      --label-indigo-border: var(--extended-color-indigo-400);
       --label-indigo-focus: var(--extended-color-indigo-400);
-      --label-emerald-bg: var(--extended-color-emerald-700);
+      --label-emerald-bg: var(--extended-color-emerald-950);
       --label-emerald-bg-strong: var(--extended-color-emerald-600);
-      --label-emerald-hover: var(--extended-color-emerald-800);
-      --label-emerald-icon: var(--extended-color-emerald-600);
+      --label-emerald-hover: var(--extended-color-emerald-900);
+      --label-emerald-icon: var(--extended-color-emerald-400);
       --label-emerald-text: var(--extended-color-emerald-400);
       --label-emerald-border: var(--extended-color-emerald-400);
       --label-emerald-focus: var(--extended-color-emerald-700);
-      --label-grey-bg: var(--extended-color-grey-800);
+      --label-grey-bg: var(--extended-color-grey-900);
       --label-grey-bg-strong: var(--extended-color-grey-500);
-      --label-grey-hover: var(--extended-color-grey-700);
-      --label-grey-icon: var(--extended-color-grey-500);
-      --label-grey-text: var(--extended-color-grey-500);
-      --label-grey-border: var(--extended-color-grey-500);
+      --label-grey-hover: var(--extended-color-grey-800);
+      --label-grey-icon: var(--extended-color-grey-400);
+      --label-grey-text: var(--extended-color-grey-400);
+      --label-grey-border: var(--extended-color-grey-400);
       --label-grey-focus: var(--extended-color-grey-400);
-      --label-crimson-bg: var(--extended-color-crimson-800);
+      --label-crimson-bg: var(--extended-color-crimson-950);
       --label-crimson-bg-strong: var(--extended-color-crimson-500);
-      --label-crimson-hover: var(--extended-color-crimson-700);
-      --label-crimson-icon: var(--extended-color-crimson-500);
-      --label-crimson-text: var(--extended-color-crimson-500);
-      --label-crimson-border: var(--extended-color-crimson-500);
+      --label-crimson-hover: var(--extended-color-crimson-900);
+      --label-crimson-icon: var(--extended-color-crimson-400);
+      --label-crimson-text: var(--extended-color-crimson-400);
+      --label-crimson-border: var(--extended-color-crimson-400);
       --label-crimson-focus: var(--extended-color-crimson-400);
-      --label-yellow-bg: var(--extended-color-yellow-900);
+      --label-yellow-bg: var(--extended-color-yellow-950);
       --label-yellow-bg-strong: var(--extended-color-yellow-500);
-      --label-yellow-hover: var(--extended-color-yellow-800);
+      --label-yellow-hover: var(--extended-color-yellow-900);
       --label-yellow-icon: var(--extended-color-yellow-500);
       --label-yellow-text: var(--extended-color-yellow-500);
       --label-yellow-border: var(--extended-color-yellow-500);
       --label-yellow-focus: var(--extended-color-yellow-400);
+      --label-orange-bg: var(--extended-color-orange-950);
+      --label-orange-bg-strong: var(--extended-color-orange-400);
+      --label-orange-hover: var(--extended-color-orange-900);
+      --label-orange-icon: var(--extended-color-orange-300);
+      --label-orange-text: var(--extended-color-orange-300);
+      --label-orange-border: var(--extended-color-orange-300);
+      --label-orange-focus: var(--extended-color-orange-300);
+      --label-pink-bg: var(--extended-color-pink-900);
+      --label-pink-bg-strong: var(--extended-color-pink-500);
+      --label-pink-hover: var(--extended-color-pink-800);
+      --label-pink-icon: var(--extended-color-pink-400);
+      --label-pink-text: var(--extended-color-pink-400);
+      --label-pink-border: var(--extended-color-pink-400);
+      --label-pink-focus: var(--extended-color-pink-400);
+      --label-purple-bg: var(--extended-color-purple-900);
+      --label-purple-bg-strong: var(--extended-color-purple-400);
+      --label-purple-hover: var(--extended-color-purple-800);
+      --label-purple-icon: var(--extended-color-purple-400);
+      --label-purple-text: var(--extended-color-purple-400);
+      --label-purple-border: var(--extended-color-purple-400);
+      --label-purple-focus: var(--extended-color-purple-300);
       /* Illustration colors */
       --illustration-fill-primary: var(--neutral-400);
       --illustration-fill-secondary: var(--neutral-500);
@@ -1059,42 +1101,42 @@
   --text-h4-bold--letter-spacing: var(--tracking-default);
   --text-h4-bold--font-weight: var(--font-weight-bold);
 
-  --text-h5-regular: var(--text-16);
+  --text-h5-regular: var(--text-18);
   --text-h5-regular--line-height: 1.2;
   --text-h5-regular--letter-spacing: var(--tracking-default);
   --text-h5-regular--font-weight: var(--font-weight-regular);
 
-  --text-h5-medium: var(--text-16);
+  --text-h5-medium: var(--text-18);
   --text-h5-medium--line-height: 1.2;
   --text-h5-medium--letter-spacing: var(--tracking-default);
   --text-h5-medium--font-weight: var(--font-weight-medium);
 
-  --text-h5-semibold: var(--text-16);
+  --text-h5-semibold: var(--text-18);
   --text-h5-semibold--line-height: 1.2;
   --text-h5-semibold--letter-spacing: var(--tracking-default);
   --text-h5-semibold--font-weight: var(--font-weight-semibold);
 
-  --text-h5-bold: var(--text-16);
+  --text-h5-bold: var(--text-18);
   --text-h5-bold--line-height: 1.2;
   --text-h5-bold--letter-spacing: var(--tracking-default);
   --text-h5-bold--font-weight: var(--font-weight-bold);
 
-  --text-h6-regular: var(--text-14);
+  --text-h6-regular: var(--text-16);
   --text-h6-regular--line-height: 1.2;
   --text-h6-regular--letter-spacing: var(--tracking-default);
   --text-h6-regular--font-weight: var(--font-weight-regular);
 
-  --text-h6-medium: var(--text-14);
+  --text-h6-medium: var(--text-16);
   --text-h6-medium--line-height: 1.2;
   --text-h6-medium--letter-spacing: var(--tracking-default);
   --text-h6-medium--font-weight: var(--font-weight-medium);
 
-  --text-h6-semibold: var(--text-14);
+  --text-h6-semibold: var(--text-16);
   --text-h6-semibold--line-height: 1.2;
   --text-h6-semibold--letter-spacing: var(--tracking-default);
   --text-h6-semibold--font-weight: var(--font-weight-semibold);
 
-  --text-h6-bold: var(--text-14);
+  --text-h6-bold: var(--text-16);
   --text-h6-bold--line-height: 1.2;
   --text-h6-bold--letter-spacing: var(--tracking-default);
   --text-h6-bold--font-weight: var(--font-weight-bold);