diff --git a/src/furo/assets/styles/extensions/_copybutton.sass b/src/furo/assets/styles/extensions/_copybutton.sass
index cdc2c0989..972b35d77 100644
--- a/src/furo/assets/styles/extensions/_copybutton.sass
+++ b/src/furo/assets/styles/extensions/_copybutton.sass
@@ -16,7 +16,7 @@
     right: 0.5rem
 
     // Make it look better
-    color: var(--color-foreground-border)
+    color: var(--color-background-item)
     background-color: var(--color-code-background)
     border: none
 
diff --git a/src/furo/assets/styles/variables/_colors.scss b/src/furo/assets/styles/variables/_colors.scss
index 77019f101..99c51201b 100644
--- a/src/furo/assets/styles/variables/_colors.scss
+++ b/src/furo/assets/styles/variables/_colors.scss
@@ -20,6 +20,7 @@
   --color-background-hover: #efeff4ff; // for navigation-item hover
   --color-background-hover--transparent: #efeff400;
   --color-background-border: #eeebee; // for UI borders
+  --color-background-item: #ccc; // for "background" items (eg: copybutton)
 
   // Announcements
   --color-announcement-background: #000000dd;
@@ -138,6 +139,7 @@
   --color-background-hover: #1e2124ff; // for navigation-item hover
   --color-background-hover--transparent: #1e212400;
   --color-background-border: #303335; // for UI borders
+  --color-background-item: #444; // for "background" items (eg: copybutton)
 
   // Announcements
   --color-announcement-background: #000000dd;