diff --git a/src/theme/mui.js b/src/theme/mui.js
index f41fb890..cd9d9ea3 100644
--- a/src/theme/mui.js
+++ b/src/theme/mui.js
@@ -1,12 +1,13 @@
 import red from 'material-ui/colors/red';
 import { createMuiTheme } from 'material-ui/styles'
+import { primary, secondary } from './variables'
 
 const palette = {
   primary: {
-    main: '#1798cc',
+    main: primary,
   },
   secondary: {
-    main: '#6b7c93',
+    main: secondary,
   },
   error: red,
   contrastThreshold: 3,
diff --git a/src/theme/variables.js b/src/theme/variables.js
new file mode 100644
index 00000000..5b3697ae
--- /dev/null
+++ b/src/theme/variables.js
@@ -0,0 +1,7 @@
+var primary = '#1798cc'
+var secondary = '#6b7c93'
+
+module.exports = Object.assign({}, {
+  primary,
+  secondary,
+});