diff --git a/src/components/FooterComponent.vue b/src/components/FooterComponent.vue
index b1a5e48..69d00a1 100644
--- a/src/components/FooterComponent.vue
+++ b/src/components/FooterComponent.vue
@@ -2,7 +2,7 @@
   <footer class="bg-neutral-800 py-8">
     <div class="flex items-center justify-between max-w-screen-xl mx-auto">
       <div class="bg-neutral-600 text-white pl-10 pr-5 py-2.5 text-logo-size leading-normal font-thasadith">
-        Kamil<span class="text-lime-500">Craft</span>
+        Kamil<span class="text-kamilcraft-green">Craft</span>
       </div>
       <ul class="flex gap-5 pr-3 text-lg">
         <li
diff --git a/src/components/NavigationHeader.vue b/src/components/NavigationHeader.vue
index 477943a..fa65eaa 100644
--- a/src/components/NavigationHeader.vue
+++ b/src/components/NavigationHeader.vue
@@ -9,7 +9,7 @@
         :class="{ 'clicked-logo': isClicked }"
         @click="linkClicked"
       >
-        Kamil<span class="text-lime-500">Craft</span>
+        Kamil<span class="text-kamilcraft-green">Craft</span>
       </div>
     </RouterLink>
     <nav>
@@ -44,8 +44,8 @@
           >
             <a
               :href="href"
-              class="hover:text-lime-500"
-              :class="[ (!isActive && isHomePage && !isClicked) ? 'text-white' : (isActive ? 'text-lime-500' : 'text-gray-500') ]"
+              class="hover:text-kamilcraft-green"
+              :class="[ (!isActive && isHomePage && !isClicked) ? 'text-white' : (isActive ? 'text-kamilcraft-green' : 'text-gray-500') ]"
               @click="navigate"
             >
               {{ menuItem.title }}