diff --git a/lib/assets/styles/variables.scss b/lib/assets/styles/variables.scss
index 0dbeb00ea..bcf99e823 100644
--- a/lib/assets/styles/variables.scss
+++ b/lib/assets/styles/variables.scss
@@ -4,7 +4,8 @@ html {
   --dark-color-contrast: #ecf9fb;
 
   --color-ad: rgba(125, 75, 162, 0.2);
-  --color-ad-raised: rgba(190, 140, 243, 0.8);
+  --color-ad-raised: rgba(190, 140, 243, 0.5);
+  --color-ad-contrast: black;
   --color-ad-highlight: var(--color-purple);
 
   --gap-xs: 0.25rem;
@@ -40,9 +41,6 @@ html {
   --color-purple: #8e32f3;
   --color-gray: #595b61;
 
-  --color-ad: rgba(125, 75, 162, 0.2);
-  --color-ad-raised: rgba(190, 140, 243, 0.8);
-
   --color-brand: var(--color-green);
   --color-brand-highlight: rgba(0, 175, 92, 0.25);
   --color-brand-shadow: rgba(0, 175, 92, 0.7);
diff --git a/lib/components/base/Promotion.vue b/lib/components/base/Promotion.vue
index fd40c55cc..f83f8c4c6 100644
--- a/lib/components/base/Promotion.vue
+++ b/lib/components/base/Promotion.vue
@@ -98,7 +98,7 @@ const target = computed(() => (props.external ? '_blank' : '_self'))
   font-weight: 600;
   text-transform: uppercase;
   font-size: 0.8em;
-  color: var(--color-accent-contrast);
+  color: var(--color-ad-contrast);
   background: var(--color-ad-raised);
   letter-spacing: 0.1ch;
   margin: 0;