diff --git a/tailwind.config.js b/tailwind.config.js
index 3f01853..cda3b1a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -31,7 +31,7 @@ module.exports = {
           tailpress.theme('settings.color.palette', theme)
         ),
         'carhop-green': {
-          50: '#f1fcf9',
+          50: getBaseColor('carhop-green-light'),
           100: '#cef9ee',
           200: '#9df2de',
           300: '#64e4c9',
@@ -70,7 +70,7 @@ module.exports = {
           950: '#2b0665',
         },
         'carhop-blue': {
-          50: '#eafeff',
+          50: getBaseColor('carhop-blue-light'),
           100: '#cbfbff',
           200: '#9ef4ff',
           300: '#5be9ff',
diff --git a/theme.json b/theme.json
index deb4c3c..78199e2 100644
--- a/theme.json
+++ b/theme.json
@@ -19,6 +19,11 @@
           "slug": "carhop-green",
           "color": "#136f63"
         },
+        {
+          "name": "Carhop Green Light",
+          "slug": "carhop-green-light",
+          "color": "#f1fcf9"
+        },
         {
           "name": "Carhop Orange",
           "slug": "carhop-orange",
@@ -29,6 +34,11 @@
           "slug": "carhop-blue",
           "color": "#c3e0ff"
         },
+        {
+          "name": "Carhop Blue Light",
+          "slug": "carhop-blue-light",
+          "color": "#eafeff"
+        },
         {
           "name": "Carhop Purple",
           "slug": "carhop-purple",