diff --git a/scss/README.md b/scss/README.md
new file mode 100644
index 0000000..6ae3400
--- /dev/null
+++ b/scss/README.md
@@ -0,0 +1,5 @@
+# Gruvbox Sassy CSS Colors
+
+`.scss` files full of color variables from the [Morhetz Gruvbox Theme](https://github.com/morhetz/gruvbox)
+
+It is broken up by Dark Mode, Light Mode, and all the Modes!
diff --git a/scss/gruvbox-dark.scss b/scss/gruvbox-dark.scss
new file mode 100644
index 0000000..0446234
--- /dev/null
+++ b/scss/gruvbox-dark.scss
@@ -0,0 +1,38 @@
+// ----------------------------------------------------------------------------
+// Dark Mode
+// ----------------------------------------------------------------------------
+
+// Dark Background
+$gb-dm-bg0: #282828;
+$gb-dm-bg0-hard: #1d2021;
+$gb-dm-bg0-soft: #32302f;
+$gb-dm-bg1: #3c3836;
+$gb-dm-bg2: #504945;
+$gb-dm-bg3: #665c54;
+$gb-dm-bg4: #7c6f64;
+
+// Dark Foreground
+$gb-dm-fg0: #fbf1c7;
+$gb-dm-fg1: #ebdbb2;
+$gb-dm-fg2: #d5c4a1;
+$gb-dm-fg3: #bdae93;
+$gb-dm-fg4: #a89984;
+
+// Dark Colors
+$gb-dm-dark-red: #cc241d;
+$gb-dm-dark-green: #98971a;
+$gb-dm-dark-yellow: #d79921;
+$gb-dm-dark-blue: #458588;
+$gb-dm-dark-purple: #b16286;
+$gb-dm-dark-aqua: #689d6a;
+$gb-dm-dark-orange: #d65d0e;
+$gb-dm-dark-gray: #928374;
+
+$gb-dm-light-red: #fb4934;
+$gb-dm-light-green: #b8bb26;
+$gb-dm-light-yellow: #fabd2f;
+$gb-dm-light-blue: #83a598;
+$gb-dm-light-purple: #d3869b;
+$gb-dm-light-aqua: #8ec07c;
+$gb-dm-light-orange: #f38019;
+$gb-dm-light-gray: #a89984;
diff --git a/scss/gruvbox-light.scss b/scss/gruvbox-light.scss
new file mode 100644
index 0000000..8402c83
--- /dev/null
+++ b/scss/gruvbox-light.scss
@@ -0,0 +1,38 @@
+// ----------------------------------------------------------------------------
+// Light Mode
+// ----------------------------------------------------------------------------
+
+// Light Background
+$gb-lm-bg0: #fbf1c7;
+$gb-lm-bg0-hard: #f9f5d7;
+$gb-lm-bg0-soft: #f2e5bc;
+$gb-lm-bg1: #ebdbb2;
+$gb-lm-bg2: #d5c4a1;
+$gb-lm-bg3: #bdae93;
+$gb-lm-bg4: #a89984;
+
+// Light Foreground
+$gb-lm-fg0: #282828;
+$gb-lm-fg1: #3c3836;
+$gb-lm-fg2: #504945;
+$gb-lm-fg3: #665c54;
+$gb-lm-fg4: #7c6f64;
+
+// Light Colors
+$gb-lm-dark-red: #cc241d;
+$gb-lm-dark-green: #98971a;
+$gb-lm-dark-yellow: #d79921;
+$gb-lm-dark-blue: #458588;
+$gb-lm-dark-purple: #b16286;
+$gb-lm-dark-aqua: #689d6a;
+$gb-lm-dark-orange: #d65d0e;
+$gb-lm-dark-gray: #928374;
+
+$gb-lm-light-red: #9d0006;
+$gb-lm-light-green: #79740e;
+$gb-lm-light-yellow: #b57614;
+$gb-lm-light-blue: #076678;
+$gb-lm-light-purple: #8f3f71;
+$gb-lm-light-aqua: #427b58;
+$gb-lm-light-orange: #af3a03;
+$gb-lm-light-gray: #7c6f64;
diff --git a/scss/gruvbox.scss b/scss/gruvbox.scss
new file mode 100644
index 0000000..22ab4fa
--- /dev/null
+++ b/scss/gruvbox.scss
@@ -0,0 +1,77 @@
+// ----------------------------------------------------------------------------
+// Dark Mode
+// ----------------------------------------------------------------------------
+
+// Dark Background
+$gb-dm-bg0: #282828;
+$gb-dm-bg0-hard: #1d2021;
+$gb-dm-bg0-soft: #32302f;
+$gb-dm-bg1: #3c3836;
+$gb-dm-bg2: #504945;
+$gb-dm-bg3: #665c54;
+$gb-dm-bg4: #7c6f64;
+
+// Dark Foreground
+$gb-dm-fg0: #fbf1c7;
+$gb-dm-fg1: #ebdbb2;
+$gb-dm-fg2: #d5c4a1;
+$gb-dm-fg3: #bdae93;
+$gb-dm-fg4: #a89984;
+
+// Dark Colors
+$gb-dm-dark-red: #cc241d;
+$gb-dm-dark-green: #98971a;
+$gb-dm-dark-yellow: #d79921;
+$gb-dm-dark-blue: #458588;
+$gb-dm-dark-purple: #b16286;
+$gb-dm-dark-aqua: #689d6a;
+$gb-dm-dark-orange: #d65d0e;
+$gb-dm-dark-gray: #928374;
+
+$gb-dm-light-red: #fb4934;
+$gb-dm-light-green: #b8bb26;
+$gb-dm-light-yellow: #fabd2f;
+$gb-dm-light-blue: #83a598;
+$gb-dm-light-purple: #d3869b;
+$gb-dm-light-aqua: #8ec07c;
+$gb-dm-light-orange: #f38019;
+$gb-dm-light-gray: #a89984;
+
+// ----------------------------------------------------------------------------
+// Light Mode
+// ----------------------------------------------------------------------------
+
+// Light Background
+$gb-lm-bg0: #fbf1c7;
+$gb-lm-bg0-hard: #f9f5d7;
+$gb-lm-bg0-soft: #f2e5bc;
+$gb-lm-bg1: #ebdbb2;
+$gb-lm-bg2: #d5c4a1;
+$gb-lm-bg3: #bdae93;
+$gb-lm-bg4: #a89984;
+
+// Light Foreground
+$gb-lm-fg0: #282828;
+$gb-lm-fg1: #3c3836;
+$gb-lm-fg2: #504945;
+$gb-lm-fg3: #665c54;
+$gb-lm-fg4: #7c6f64;
+
+// Light Colors
+$gb-lm-dark-red: #cc241d;
+$gb-lm-dark-green: #98971a;
+$gb-lm-dark-yellow: #d79921;
+$gb-lm-dark-blue: #458588;
+$gb-lm-dark-purple: #b16286;
+$gb-lm-dark-aqua: #689d6a;
+$gb-lm-dark-orange: #d65d0e;
+$gb-lm-dark-gray: #928374;
+
+$gb-lm-light-red: #9d0006;
+$gb-lm-light-green: #79740e;
+$gb-lm-light-yellow: #b57614;
+$gb-lm-light-blue: #076678;
+$gb-lm-light-purple: #8f3f71;
+$gb-lm-light-aqua: #427b58;
+$gb-lm-light-orange: #af3a03;
+$gb-lm-light-gray: #7c6f64;