diff --git a/src/scss/components/_colors.scss b/src/scss/components/_colors.scss
new file mode 100644
index 0000000..27dfa9a
--- /dev/null
+++ b/src/scss/components/_colors.scss
@@ -0,0 +1,25 @@
+:root {
+  --sand-50: 249 248 243;
+  --sand-100: 242 239 226;
+  --sand-200: 227 221 197;
+  --sand-300: 210 199 159;
+  --sand-400: 194 176 128; // Main
+  --sand-500: 177 151 94;
+  --sand-600: 164 133 82;
+  --sand-700: 136 107 70;
+  --sand-800: 111 88 61;
+  --sand-900: 90 72 52;
+  --sand-950: 48 37 26;
+  
+  --forest-50: 244 247 238;
+  --forest-100: 231 238 217;
+  --forest-200: 208 223 183;
+  --forest-300: 187 208 154; // Main
+  --forest-400: 149 180 103;
+  --forest-500: 119 152 74;
+  --forest-600: 93 120 56;
+  --forest-700: 72 93 46;
+  --forest-800: 59 75 41;
+  --forest-900: 52 65 38;
+  --forest-950: 26 34 17;
+}
\ No newline at end of file