diff --git a/tailwind.config.js b/tailwind.config.js
index 4cddb20..38f00c3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -52,6 +52,19 @@ module.exports = {
           900: '#7a240d',
           950: '#461002',
         },
+        'carhop-blue': {
+          50: getBaseColor('carhop-blue-light'),
+          100: '#cbfbff',
+          200: '#9ef4ff',
+          300: '#5be9ff',
+          400: getBaseColor('carhop-blue'), // Base Color
+          500: '#00b7e5',
+          600: '#0091c0',
+          700: '#03739b',
+          800: '#0d5d7d',
+          900: '#104d69',
+          950: '#033249',
+        },
         'carhop-red': {
           50: '#fcf3f8',
           100: '#fbe8f2',
diff --git a/theme.json b/theme.json
index e1198e1..5c3f1e7 100644
--- a/theme.json
+++ b/theme.json
@@ -24,6 +24,16 @@
           "slug": "carhop-green-light",
           "color": "#f1fcf9"
         },
+        {
+          "name": "Carhop Blue",
+          "slug": "carhop-blue",
+          "color": "#c3e0ff"
+        },
+        {
+          "name": "Carhop Blue Light",
+          "slug": "carhop-blue-light",
+          "color": "#eafeff"
+        },
         {
           "name": "Carhop Orange",
           "slug": "carhop-orange",