diff --git a/src/mantine-core/src/Loader/Loader.tsx b/src/mantine-core/src/Loader/Loader.tsx
index f108aa424b8..0e33da4a7a8 100644
--- a/src/mantine-core/src/Loader/Loader.tsx
+++ b/src/mantine-core/src/Loader/Loader.tsx
@@ -55,7 +55,13 @@ export function Loader(props: LoaderProps) {
       role="presentation"
       component={LOADERS[defaultLoader] || LOADERS.bars}
       size={theme.fn.size({ size, sizes })}
-      color={theme.fn.variant({ variant: 'filled', primaryFallback: false, color }).background}
+      color={
+        theme.fn.variant({
+          variant: 'filled',
+          primaryFallback: false,
+          color: color || theme.primaryColor,
+        }).background
+      }
       {...others}
     />
   );