diff --git a/package.json b/package.json
index 5c24f69..2d5fe27 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "ToToday",
-	"version": "0.2.0",
+	"version": "0.2.1",
 	"private": true,
 	"scripts": {
 		"dev": "nuxt",
diff --git a/src/assets/styles/_colors.scss b/src/assets/styles/_colors.scss
new file mode 100644
index 0000000..b4cbdd3
--- /dev/null
+++ b/src/assets/styles/_colors.scss
@@ -0,0 +1,39 @@
+$eerie-black0: #161320;
+$eerie-black1: #1a1826;
+$eerie-black2: #1e1e2e;
+$eerie-black3: #302d41;
+
+$independence-gray0: #575268;
+$independence-gray1: #6e6c7e;
+$independence-gray2: #988ba2;
+$independence-gray3: #c3bac6;
+
+$azure-white: #d9e0ee;
+
+$lavender0: #c9cbff;
+
+$sky0: #8fe8f7;
+$sky1: #89dceb;
+$sky2: #79c4d1;
+$sky3: #63a0ab;
+$sky4: #3e646b;
+
+$blue0: #96cdfb;
+$blue1: #8fcdef;
+$blue2: #7099ba;
+$blue3: #49647a;
+$blue4: #23303b;
+
+$green0: #b3f5bc;
+$green1: #abe9b3;
+$green2: #97cf9e;
+$green3: #7ba881;
+$green4: #4c6950;
+
+$begonia-red0: #fc6d6d;
+$begonia-red1: #e36262;
+$begonia-red2: #bd5151;
+$begonia-red3: #7d3636;
+$begonia-red4: #3d1a1a;
+
+$pale2: #b5a6a3;
diff --git a/src/assets/styles/_variables.scss b/src/assets/styles/_variables.scss
index 1a85447..b538f21 100644
--- a/src/assets/styles/_variables.scss
+++ b/src/assets/styles/_variables.scss
@@ -1,12 +1,13 @@
 @import '~assets/styles/fonts.css';
+@import '~assets/styles/_colors.scss';
 
-$light-background: #fff;
-$light-primary: #000;
-$light-secondary: #afafaf;
+$light-background: $azure-white;
+$light-primary: $eerie-black0;
+$light-secondary: $independence-gray1;
 
-$dark-background: #181b23;
-$dark-primary: #eaf3f2;
-$dark-secondary: #697699;
+$dark-background: $eerie-black1;
+$dark-primary: $azure-white;
+$dark-secondary: $eerie-black3;
 
 $main-font: 'Red Display', arial, helvetica, sans-serif;
 $secondary-font: 'Fira Code', monospace, sans-serif;