diff --git a/doc/chart/RadarDoc.vue b/doc/chart/RadarDoc.vue
index 40ae33589..cc8c5a0f3 100644
--- a/doc/chart/RadarDoc.vue
+++ b/doc/chart/RadarDoc.vue
@@ -122,11 +122,11 @@ const setChartData = () => {
         datasets: [
             {
                 label: 'My First dataset',
-                borderColor: documentStyle.getPropertyValue('--p-bluegray-400'),
-                pointBackgroundColor: documentStyle.getPropertyValue('--p-bluegray-400'),
-                pointBorderColor: documentStyle.getPropertyValue('--p-bluegray-400'),
+                borderColor: documentStyle.getPropertyValue('--p-gray-400'),
+                pointBackgroundColor: documentStyle.getPropertyValue('--p-gray-400'),
+                pointBorderColor: documentStyle.getPropertyValue('--p-gray-400'),
                 pointHoverBackgroundColor: textColor,
-                pointHoverBorderColor: documentStyle.getPropertyValue('--p-bluegray-400'),
+                pointHoverBorderColor: documentStyle.getPropertyValue('--p-gray-400'),
                 data: [65, 59, 90, 81, 56, 55, 40]
             },
             {
diff --git a/pages/roadmap/index.vue b/pages/roadmap/index.vue
index acf716544..6887ce1b5 100644
--- a/pages/roadmap/index.vue
+++ b/pages/roadmap/index.vue
@@ -17,10 +17,10 @@
             <div style="min-width: 1200px">
                 <div class="flex gap-3 mb-3">
                     <div class="flex-shrink-0 w-14rem"></div>
-                    <div class="flex-1 bg-bluegray-500 text-white font-bold text-center p-3 text-xl border-round">Q1</div>
-                    <div class="flex-1 bg-bluegray-500 text-white font-bold text-center p-3 text-xl border-round">Q2</div>
-                    <div class="flex-1 bg-bluegray-500 text-white font-bold text-center p-3 text-xl border-round">Q3</div>
-                    <div class="flex-1 bg-bluegray-500 text-white font-bold text-center p-3 text-xl border-round">Q4</div>
+                    <div class="flex-1 bg-gray-500 text-white font-bold text-center p-3 text-xl border-round">Q1</div>
+                    <div class="flex-1 bg-gray-500 text-white font-bold text-center p-3 text-xl border-round">Q2</div>
+                    <div class="flex-1 bg-gray-500 text-white font-bold text-center p-3 text-xl border-round">Q3</div>
+                    <div class="flex-1 bg-gray-500 text-white font-bold text-center p-3 text-xl border-round">Q4</div>
                 </div>
                 <div class="flex flex-column gap-3">
                     <div class="flex gap-3 border-bottom-1 surface-border pb-3">
diff --git a/pages/uikit/index.vue b/pages/uikit/index.vue
index 259918aa7..3d877537c 100644
--- a/pages/uikit/index.vue
+++ b/pages/uikit/index.vue
@@ -275,7 +275,7 @@
                                     </li>
                                 </ul>
                                 <hr class="mb-3 mx-0 border-top-1 border-none surface-border" />
-                                <a v-ripple href="mailto:contact@primetek.com.tr" class="bg-bluegray-500 text-white hover:bg-bluegray-400 p-3 w-full border-round text-center transition-colors transition-duration-300 font-bold p-ripple">Contact Us</a>
+                                <a v-ripple href="mailto:contact@primetek.com.tr" class="bg-gray-500 text-white hover:bg-gray-400 p-3 w-full border-round text-center transition-colors transition-duration-300 font-bold p-ripple">Contact Us</a>
                             </div>
                         </div>
                     </div>