diff --git a/src/generators/appearance.js b/src/generators/appearance.js
new file mode 100644
index 000000000..2ed4a3be4
--- /dev/null
+++ b/src/generators/appearance.js
@@ -0,0 +1,7 @@
+import defineClasses from '../util/defineClasses'
+
+export default function() {
+  return defineClasses({
+    'appearance-none': { 'appearance': 'none' },
+  })
+}
diff --git a/src/lib/generateUtilities.js b/src/lib/generateUtilities.js
index ce9dd76eb..21e4bf71e 100644
--- a/src/lib/generateUtilities.js
+++ b/src/lib/generateUtilities.js
@@ -1,4 +1,5 @@
 import _ from 'lodash'
+import appearance from '../generators/appearance'
 import backgroundColors from '../generators/backgroundColors'
 import backgroundPositions from '../generators/backgroundPositions'
 import backgroundSize from '../generators/backgroundSize'
@@ -37,6 +38,7 @@ export default function(options) {
     css.walkAtRules('tailwind-utilities', atRule => {
       if (atRule.params === 'all') {
         const utilities = _.flatten([
+          appearance(options),
           textSizes(options),
           textWeights(options),
           textFonts(options),