diff --git a/site/assets/scss/_callouts.scss b/site/assets/scss/_callouts.scss
index b39b947c4..591ac863a 100644
--- a/site/assets/scss/_callouts.scss
+++ b/site/assets/scss/_callouts.scss
@@ -4,6 +4,7 @@
 
 .bd-callout {
   --#{$prefix}link-color-rgb: var(--bd-callout-link);
+  --#{$prefix}code-color: var(--bd-callout-code-color);
 
   padding: 1.25rem;
   margin-top: 1.25rem;
diff --git a/site/assets/scss/_variables.scss b/site/assets/scss/_variables.scss
index 6da6a4761..c85639018 100644
--- a/site/assets/scss/_variables.scss
+++ b/site/assets/scss/_variables.scss
@@ -22,6 +22,7 @@ $bd-callout-variants: info, warning, danger !default;
   --bd-toc-color: var(--bd-violet);
   --bd-sidebar-link-bg: rgba(var(--bd-violet-rgb), .1);
   --bd-callout-link: #{to-rgb($blue-600)};
+  --bd-callout-code-color: #{$pink-600};
 }
 
 @include color-mode(dark, true) {
@@ -30,4 +31,5 @@ $bd-callout-variants: info, warning, danger !default;
   --bd-toc-color: var(--#{$prefix}emphasis-color);
   --bd-sidebar-link-bg: rgba(#{to-rgb(mix($bd-violet, $black, 75%))}, .5);
   --bd-callout-link: #{to-rgb($blue-300)};
+  --bd-callout-code-color: #{$pink-300};
 }