diff --git a/src/config/colors.js b/src/config/colors.js
index f6f5421f..c9eb2cca 100644
--- a/src/config/colors.js
+++ b/src/config/colors.js
@@ -2,6 +2,8 @@ export default {
     WHITE: '#FFFFFF',
     BACKGROUND: '#EBEBEB',
 
+    TEXT: '#333333',
+
     HEADER: '#1A1A1A',
     BODY: '#E3E3E3',
     MAIN: '#FBFBFB',
diff --git a/src/support/BaseStyles.js b/src/support/BaseStyles.js
index 74e21313..d6100a2a 100644
--- a/src/support/BaseStyles.js
+++ b/src/support/BaseStyles.js
@@ -1,4 +1,5 @@
 import { injectGlobal } from 'styled-components';
+import colors from 'config/colors';
 import normalize from 'styled-normalize';
 
 const baseStyles = () => injectGlobal`
@@ -11,6 +12,7 @@ const baseStyles = () => injectGlobal`
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
         font-weight: 400;
         font-size: 14px;
+        color: ${colors.TEXT};
     }
 
     * , *:before , *:after {