diff --git a/README.md b/README.md
index 73449ae7..db84c3a6 100644
--- a/README.md
+++ b/README.md
@@ -17,8 +17,7 @@ This installation process is opinionated in order to get you going quickly. We w
     - Add a `freestyle` template in your app
     - Add a `freestyle` controller in your app
     - Add an `app.scss` file with the required SCSS
-        - You can type `n` to decline this.
-        - The only part you actually need is `@import 'ember-freestyle';`
+        - You can type `n` to decline this as long as you add `@import 'ember-freestyle';` somewhere in your SCSS
 
     *Note:* Ember CLI versions < 0.2.3 should use `ember install:addon` instead of `ember install`
 
@@ -26,6 +25,25 @@ This installation process is opinionated in order to get you going quickly. We w
 1. Navigate to `/freestyle`. You should now see something like:
     ![](public/freestyle-generated.png)
 
+## Customizing the Colors in Ember Freestyle's Own UI
+
+If you wish to change things like the color of UI elements like the lines that divide the `freestyle-guide` header and body or the colors of active links, you can do so by overriding any of the following SCSS variables *before* importing the `ember-freestyle` SCSS partial in your application's SCSS:
+
+- `$FreestyleGuide-color--primary`
+- `$FreestyleGuide-color--accent`
+- `$FreestyleGuide-color--secondary`
+- `$FreestyleGuide-color--foreground`
+- `$FreestyleGuide-color--background`
+
+##### Example
+
+This SCSS will change the default (teal) UI elements to red in your application.
+
+```scss
+$FreestyleGuide-color--primary: #ff0000;
+@import 'ember-freestyle';
+```
+
 ## Running
 
 * `ember server`
diff --git a/app/styles/ember-freestyle.scss b/app/styles/ember-freestyle.scss
index 7325a925..3062e94d 100644
--- a/app/styles/ember-freestyle.scss
+++ b/app/styles/ember-freestyle.scss
@@ -9,6 +9,13 @@ $FreestyleBreakpoints: (
   }
 };
 
+// Default Ember Freestyle Palette
+$FreestyleGuide-color--primary: #00bcd4 !default;
+$FreestyleGuide-color--accent: #ffc107 !default;
+$FreestyleGuide-color--secondary: #b6b6b6 !default;
+$FreestyleGuide-color--foreground: #212121 !default;
+$FreestyleGuide-color--background: #ffffff !default;
+
 @import "components/freestyle-guide";
 @import "components/freestyle-collection";
 @import "components/freestyle-annotation";
diff --git a/blueprints/ember-freestyle/files/app/styles/app.scss b/blueprints/ember-freestyle/files/app/styles/app.scss
index f4cb4097..cefe0d4f 100644
--- a/blueprints/ember-freestyle/files/app/styles/app.scss
+++ b/blueprints/ember-freestyle/files/app/styles/app.scss
@@ -1,7 +1 @@
-$FreestyleGuide-color--primary: #00bcd4;
-$FreestyleGuide-color--accent: #ffc107;
-$FreestyleGuide-color--secondary: #b6b6b6;
-$FreestyleGuide-color--foreground: #212121;
-$FreestyleGuide-color--background: #ffffff;
-
 @import 'ember-freestyle';