diff --git a/.changeset/card-background-icon-title-color.md b/.changeset/card-background-icon-title-color.md
new file mode 100644
index 000000000..7c2c756e5
--- /dev/null
+++ b/.changeset/card-background-icon-title-color.md
@@ -0,0 +1,5 @@
+---
+"@tabler/preview": patch
+---
+
+Fixed `CardTitle` text color on `CardBackgroundIcon` for readability.
diff --git a/shared/components/cards/CardBackgroundIcon.astro b/shared/components/cards/CardBackgroundIcon.astro
index 4c22cd73e..a13830525 100644
--- a/shared/components/cards/CardBackgroundIcon.astro
+++ b/shared/components/cards/CardBackgroundIcon.astro
@@ -6,7 +6,7 @@ import CardTitle from '@ui/CardTitle.astro'
 <div class="card bg-primary text-primary-fg">
   <CardStamp icon="star" color="white" textColor="primary" />
   <div class="card-body">
-    <CardTitle>Card with background and icon</CardTitle>
+    <CardTitle class="text-primary-fg">Card with background and icon</CardTitle>
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto at consectetur culpa ducimus eum fuga fugiat, ipsa iusto, modi nostrum recusandae reiciendis saepe.</p>
   </div>
 </div>