diff --git a/packages/webkit/src/components/overline/overline.vue b/packages/webkit/src/components/overline/overline.vue
index 13bcb6b9..dae6b095 100644
--- a/packages/webkit/src/components/overline/overline.vue
+++ b/packages/webkit/src/components/overline/overline.vue
@@ -36,7 +36,7 @@
       {{ prefix }}
     </span>
     <span
-      class="font-proto-mono text-pretty text-brand-primary-400 font-medium leading-1 tracking-tightest uppercase text-overline-md"
+      class="font-proto-mono text-pretty text-brand-primary-500 font-medium leading-1 tracking-tightest uppercase text-overline-md"
       :class="{ 'whitespace-nowrap': singleLine }"
     >
       <slot />
diff --git a/packages/webkit/src/core/card/card-content/card-content.vue b/packages/webkit/src/core/card/card-content/card-content.vue
index 752012e5..50bd88cd 100644
--- a/packages/webkit/src/core/card/card-content/card-content.vue
+++ b/packages/webkit/src/core/card/card-content/card-content.vue
@@ -151,7 +151,7 @@
       :class="contentInnerClass"
     >
       <p
-        class="font-proto-mono text-overline-sm text-brand-primary-400"
+        class="font-proto-mono text-overline-sm text-brand-primary-500"
         v-if="overline"
       >
         {{ overline }}
@@ -160,7 +160,7 @@
       <span
         v-if="icon"
         :class="icon"
-        class="text-brand-primary-400 text-heading-sm"
+        class="text-brand-primary-500 text-heading-sm"
       ></span>
 
       <h3