diff --git a/packages/devextreme/js/viz/core/themes/fluent.js b/packages/devextreme/js/viz/core/themes/fluent.js
new file mode 100644
index 000000000000..7e4e437b423d
--- /dev/null
+++ b/packages/devextreme/js/viz/core/themes/fluent.js
@@ -0,0 +1,34 @@
+const themes = [
+    {
+        theme: {
+            name: 'fluent'
+        },
+        baseThemeName: 'material'
+    },
+    {
+        theme: {
+            name: 'fluent.blue.light'
+        },
+        baseThemeName: 'fluent'
+    },
+    {
+        theme: {
+            name: 'fluent.blue.light.compact'
+        },
+        baseThemeName: 'fluent.blue.light'
+    },
+    {
+        theme: {
+            name: 'fluent.blue.dark'
+        },
+        baseThemeName: 'material.blue.dark'
+    },
+    {
+        theme: {
+            name: 'fluent.blue.dark.compact'
+        },
+        baseThemeName: 'fluent.blue.dark'
+    }
+];
+
+export default themes;
diff --git a/packages/devextreme/js/viz/themes.js b/packages/devextreme/js/viz/themes.js
index 2d0b4a6e3b56..7075607f270a 100644
--- a/packages/devextreme/js/viz/themes.js
+++ b/packages/devextreme/js/viz/themes.js
@@ -12,6 +12,7 @@ import darkVioletThemes from './core/themes/generic.darkviolet';
 import greenMistThemes from './core/themes/generic.greenmist';
 import softBlueThemes from './core/themes/generic.softblue';
 import materialThemes from './core/themes/material';
+import fluentThemes from './core/themes/fluent';
 
 const themes = {};
 const themesMapping = {};
@@ -216,7 +217,8 @@ if(isEmptyObject(themes) && isEmptyObject(themesMapping) && !defaultTheme) {
         darkVioletThemes,
         greenMistThemes,
         softBlueThemes,
-        materialThemes
+        materialThemes,
+        fluentThemes
     ).forEach(t => {
         registerTheme(t.theme, t.baseThemeName);
     });