diff --git a/tailwind.config.ts b/tailwind.config.ts
index 1af3b8f01934a8fdd694eb5747b8115f01419199..5c25dd679e0b91aa15f0ac6d5e3c913072c5f44b 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,4 +1,4 @@
-import type { Config } from 'tailwindcss'
+import type { Config } from 'tailwindcss';
 
 const config: Config = {
   content: [
@@ -10,11 +10,31 @@ const config: Config = {
     extend: {
       backgroundImage: {
         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic':
-          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+        'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+      },
+      colors: {
+        primary: {
+          100: '#ebf4ff',
+          500: '#106ad7',
+          600: '#0055bb',
+          700: '#004393',
+        },
+        greyscale: {
+          500: '#eeeeee',
+          600: '#cacaca',
+          700: '#a5a5a5',
+        },
+        font: {
+          400: '#6a6977',
+          500: '#070130',
+        },
+        cinnabar: '#ec4d2c',
+        'med-sea-green': '#3ab65d',
+        cultured: '#f7f7f8',
+        'white-pearl': '#ffffff',
       },
     },
   },
   plugins: [],
-}
-export default config
+};
+export default config;