diff --git a/dojo/templates/base.html b/dojo/templates/base.html
index cdafff35513..ee172a1f105 100644
--- a/dojo/templates/base.html
+++ b/dojo/templates/base.html
@@ -88,7 +88,7 @@
             #dd-sidebar {
                 scrollbar-width: thin;
                 scrollbar-color: rgba(255,255,255,0.2) transparent;
-                background: #003864;  /* Fuji Blue Hue 04 — deepest brand blue */
+                background: var(--color-dd-primary-900);  /* Fuji Blue Hue 04 — deepest brand blue */
             }
             /* Override dojo.css 'a' color inside sidebar */
             #dd-sidebar a,
@@ -103,7 +103,7 @@
             }
             /* Sub-nav items (inside expandable sections) */
             #dd-sidebar div[x-data] > div a {
-                color: #82B0D9;  /* Fuji Blue Hue 02 — medium light */
+                color: var(--color-dd-primary-200);  /* Fuji Blue Hue 02 — medium light */
                 font-size: 0.875rem;
             }
             #dd-sidebar div[x-data] > div a:hover {
diff --git a/dojo/templates/dojo/benchmark.html b/dojo/templates/dojo/benchmark.html
index b80354c0299..9d65087545a 100644
--- a/dojo/templates/dojo/benchmark.html
+++ b/dojo/templates/dojo/benchmark.html
@@ -381,7 +381,7 @@ <h4 id="modal-title" class="modal-title">{% trans "Benchmark Notes" %}</h4>
     }
 
     td p a {
-        color: #337ab7;
+        color: var(--color-dd-primary-500);
     }
 
     .table>tbody>tr>td,
diff --git a/dojo/templates/dojo/calendar.html b/dojo/templates/dojo/calendar.html
index f7d96cd058e..d76df1125fd 100644
--- a/dojo/templates/dojo/calendar.html
+++ b/dojo/templates/dojo/calendar.html
@@ -60,7 +60,7 @@
                                 start: '{{t.target_start|date:"c"}}',
                                 end: '{{t.target_end|date:"c"}}',
                                 url: '{% url 'view_test' t.id %}',
-                                color: {%  if t.engagement.active %}'#337ab7'{% else %}'#b9b9b9'{% endif %},
+                                color: {%  if t.engagement.active %}'var(--color-dd-primary-500)'{% else %}'#b9b9b9'{% endif %},
                                 overlap: true
                             },
                         {%  endfor %}
@@ -71,7 +71,7 @@
                                 start: '{{e.target_start|date:"c"}}',
                                 end: '{{e.target_end|date:"c"}}',
                                 url: '{% url 'view_engagement' e.id %}',
-                                color: {%  if e.active %}'#337ab7'{% else %}'#b9b9b9'{% endif %},
+                                color: {%  if e.active %}'var(--color-dd-primary-500)'{% else %}'#b9b9b9'{% endif %},
                                 overlap: true
                             },
                         {%  endfor %}