diff --git a/packages/vaadin-lumo-styles/color.js b/packages/vaadin-lumo-styles/color.js
index b241566697..921527ad06 100644
--- a/packages/vaadin-lumo-styles/color.js
+++ b/packages/vaadin-lumo-styles/color.js
@@ -211,6 +211,9 @@ const color = css`
     background-color: var(--lumo-contrast-10pct);
     border-radius: var(--lumo-border-radius-m);
   }
+  pre code {
+    background: transparent;
+  }
 `;
 
 registerStyles('', color, { moduleId: 'lumo-color' });