diff --git a/src/views/Home.vue b/src/views/Home.vue
index de4d9ab..bb6415d 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -221,7 +221,7 @@ const faqs = [
           >
             <component
               :is="feature.icon"
-              class="w-10 h-10 text-beammp-blue mb-4 group-hover:scale-110 transition-transform dark:text-blue-400"
+              class="w-10 h-10 text-beammp-orange mb-4 group-hover:scale-110 transition-transform dark:text-beammp-orange"
             />
             <h3 class="text-xl font-semibold mb-2">{{ feature.title }}</h3>
             <p class="text-neutral-600 dark:text-neutral-400 text-sm">{{ feature.description }}</p>
diff --git a/tailwind.config.js b/tailwind.config.js
index be1cb6b..2c6c153 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,24 +5,12 @@ export default {
   theme: {
     extend: {
       colors: {
-        'beammp-orange': {
-          DEFAULT: '#F36D24', // Base color
-        },
-        'beammp-white': {
-          DEFAULT: '#FFFFFF', // Base color
-        },
-        'beammp-black': {
-          DEFAULT: '#000000', // Base color
-        },
-        'beammp-gray': {
-          DEFAULT: '#333333', // Base color
-        },
-        'beammp-green': {
-          DEFAULT: '#1D9749', // Base color
-        },
-        'beammp-blue': {
-          DEFAULT: '#4470B6', // Base color
-        },
+        'beammp-orange': '#F36D24',
+        'beammp-white': '#FFFFFF',
+        'beammp-black': '#000000',
+        'beammp-gray': '#333333',
+        'beammp-green': '#1D9749',
+        'beammp-blue': '#4470B6',
       },
     },
   },