diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index f5368a7..e94a5e9 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -3,6 +3,34 @@ module.exports = {
 	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
 	theme: {
 		extend: {},
+		colors: {
+			transparent: 'transparent',
+			current: 'currentColor',
+			
+			// grayscale colors
+			mono_1: 'hsl(220, 14%, 71%)',
+			mono_2: 'hsl(220, 9%, 55%)',
+			mono_3: 'hsl(220, 10%, 40%)',
+			mono_4: 'hsl(220, 13%, 18%)',
+
+			// hue colors
+			hue_1a: 'hsl(187, 47%, 55%)',
+			hue_2a: 'hsl(207, 82%, 66%)',
+			hue_3a: 'hsl(286, 60%, 67%)',
+			hue_4a: 'hsl( 95, 100%, 68%)',
+			hue_5a: 'hsl(355, 65%, 65%)',
+			hue_5b: 'hsl(  5, 48%, 51%)',
+			hue_6a: 'hsl( 29, 54%, 61%)',
+			hue_6b: 'hsl( 39, 67%, 69%)',
+
+			// generic colors
+			foreground: 'hs(220, 14%, 71%)',
+			background: 'hsl(220, 13%, 18%)',
+			// gutter: 'hsl(220, 9%, 55%)',
+			gutter: 'hsl(220, 14%, 45%)',
+			accent: 'hsl(220, 100%, 66%)',
+		},
+
 	},
 	plugins: [],
 }