diff --git a/README.md b/README.md
index a99e607..b5e8f35 100644
--- a/README.md
+++ b/README.md
@@ -58,7 +58,7 @@ Akaryakıt istasyonu için geliştirilmiş modern ve kullanıcı dostu yönetim
 
 - **Renk Şeması**:
   - Ana Renk: #2c3e50 (Butonlar)
-  - Pasif Renk: #FAFAFA (Pasif butonlar)
+  - Pasif Renk: #F2F3F7 (Pasif butonlar)
   - Arka Plan: #FFFFFF
   - Kart Çerçevesi: #F7F7F7
 
diff --git a/src/app.css b/src/app.css
index 98ed929..d6d2ec6 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,7 +1,7 @@
 /* Tailwind benzeri stil sistemi */
 :root {
   --primary-color: #2c3e50;
-  --inactive-color: #FAFAFA;
+  --inactive-color: #F2F3F7;
   --background-color: #FFFFFF;
   --card-border-color: #c9c8cb;
   --text-color: #1F2937;
@@ -136,7 +136,7 @@ body {
 /* Karşılama ekranı stilleri */
 .welcome-container {
   min-height: 100vh;
-  background: #FAFAFA;
+  background: #F2F3F7;
   padding: 2rem var(--page-horizontal-padding);
 }
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c051849..db59fa7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -143,7 +143,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		background: #FAFAFA;
+		background: #F2F3F7;
 		padding: 1rem;
 	}
 
diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
index 54b7f66..883898d 100644
--- a/src/routes/dashboard/+page.svelte
+++ b/src/routes/dashboard/+page.svelte
@@ -1381,7 +1381,7 @@
 <style>
   .welcome-container {
     min-height: 100vh;
-    background: #FAFAFA;
+    background: #F2F3F7;
     padding: 2rem var(--page-horizontal-padding);
   }
 
diff --git a/src/routes/dashboard/goods-managers/+page.svelte b/src/routes/dashboard/goods-managers/+page.svelte
index d072a10..7c5bb58 100644
--- a/src/routes/dashboard/goods-managers/+page.svelte
+++ b/src/routes/dashboard/goods-managers/+page.svelte
@@ -1,7 +1,7 @@
 <svelte:head>
 	<style>
 		body {
-			background: #FAFAFA !important;
+			background: #F2F3F7 !important;
 		}
 	</style>
 </svelte:head>
diff --git a/src/routes/dashboard/personnel/+page.svelte b/src/routes/dashboard/personnel/+page.svelte
index 5229db5..7ac5517 100644
--- a/src/routes/dashboard/personnel/+page.svelte
+++ b/src/routes/dashboard/personnel/+page.svelte
@@ -1,7 +1,7 @@
 <svelte:head>
 	<style>
 		body {
-			background: #FAFAFA !important;
+			background: #F2F3F7 !important;
 		}
 	</style>
 </svelte:head>
diff --git a/src/routes/dashboard/units/+page.svelte b/src/routes/dashboard/units/+page.svelte
index 08f9730..6cebcb5 100644
--- a/src/routes/dashboard/units/+page.svelte
+++ b/src/routes/dashboard/units/+page.svelte
@@ -1,7 +1,7 @@
 <svelte:head>
 	<style>
 		body {
-			background: #FAFAFA !important;
+			background: #F2F3F7 !important;
 		}
 	</style>
 </svelte:head>
diff --git a/src/routes/dashboard/vehicles/+page.svelte b/src/routes/dashboard/vehicles/+page.svelte
index 3701a48..1592402 100644
--- a/src/routes/dashboard/vehicles/+page.svelte
+++ b/src/routes/dashboard/vehicles/+page.svelte
@@ -1,7 +1,7 @@
 <svelte:head>
 	<style>
 		body {
-			background: #FAFAFA !important;
+			background: #F2F3F7 !important;
 		}
 	</style>
 </svelte:head>
diff --git a/src/routes/fuel-slips/+page.svelte b/src/routes/fuel-slips/+page.svelte
index fa1e937..739ae23 100644
--- a/src/routes/fuel-slips/+page.svelte
+++ b/src/routes/fuel-slips/+page.svelte
@@ -1,7 +1,7 @@
 <svelte:head>
 	<style>
 		body {
-			background: #FAFAFA !important;
+			background: #F2F3F7 !important;
 		}
 	</style>
 </svelte:head>
diff --git a/src/routes/goods-manager/+page.svelte b/src/routes/goods-manager/+page.svelte
index a91dd11..f9a3e2c 100644
--- a/src/routes/goods-manager/+page.svelte
+++ b/src/routes/goods-manager/+page.svelte
@@ -1,7 +1,7 @@
 <svelte:head>
 	<style>
 		body {
-			background: #FAFAFA !important;
+			background: #F2F3F7 !important;
 		}
 	</style>
 </svelte:head>