diff --git a/wp-content/themes/twentynineteen-tailwindcss/tailwind.config.js b/wp-content/themes/twentynineteen-tailwindcss/tailwind.config.js
new file mode 100644
index 0000000..554a298
--- /dev/null
+++ b/wp-content/themes/twentynineteen-tailwindcss/tailwind.config.js
@@ -0,0 +1,9 @@
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        'gray-600': '#767676',
+      },
+    },
+  },
+}
diff --git a/wp-content/themes/twentynineteen-tailwindcss/webpack.mix.js b/wp-content/themes/twentynineteen-tailwindcss/webpack.mix.js
index bc07175..a1d6f64 100644
--- a/wp-content/themes/twentynineteen-tailwindcss/webpack.mix.js
+++ b/wp-content/themes/twentynineteen-tailwindcss/webpack.mix.js
@@ -1,6 +1,6 @@
 const mix = require('laravel-mix')
 
 mix.postCss('src/css/style.css', '', [
-  require('tailwindcss')(),
+  require('tailwindcss')('./tailwind.config.js'),
   require('postcss-nested')(),
 ])