diff --git a/src/components/layouts/sidebar/Sidebar.tsx b/src/components/layouts/sidebar/Sidebar.tsx
index 8d921595..3fafcbf3 100644
--- a/src/components/layouts/sidebar/Sidebar.tsx
+++ b/src/components/layouts/sidebar/Sidebar.tsx
@@ -77,7 +77,7 @@ export function TrustBridgeSidebar() {
                                   : "text-muted-foreground hover:bg-muted hover:text-foreground",
                                 item.highlight &&
                                   !item.active &&
-                                  " text-muted-foreground hover:from-emerald-600 hover:to-teal-600",
+                                  " text-muted-foreground hover:from-emerald-600 hover:to-emerald-600",
                               )}
                             >
                               <a
diff --git a/src/components/modules/auth/ui/pages/Home.tsx b/src/components/modules/auth/ui/pages/Home.tsx
index 4d468bb3..3835e7f8 100644
--- a/src/components/modules/auth/ui/pages/Home.tsx
+++ b/src/components/modules/auth/ui/pages/Home.tsx
@@ -37,7 +37,7 @@ export default function HomePage() {
               </Badge>
 
               <h1 className="text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl lg:text-6xl">
-                <span className="bg-gradient-to-r from-emerald-600 to-teal-500 bg-clip-text text-transparent">
+                <span className="bg-gradient-to-r from-emerald-600 to-emerald-800 bg-clip-text text-transparent">
                   TrustBridge
                 </span>
                 <span className="block mt-2">Decentralized Microloans</span>
@@ -85,7 +85,7 @@ export default function HomePage() {
                 <Button
                   size="lg"
                   onClick={handleConnect}
-                  className="w-full sm:w-auto bg-gradient-to-r from-emerald-600 to-teal-500 hover:from-emerald-700 hover:to-teal-600 text-white border-0"
+                  className="w-full sm:w-auto bg-gradient-to-r from-emerald-600 to-emerald-800 hover:from-emerald-700 hover:to-emerald-600 text-white border-0"
                 >
                   <LogIn className="w-5 h-5" />
                   <span className="ml-2">Connect Wallet</span>
diff --git a/src/components/modules/dashboard/ui/pages/DashboardPage.tsx b/src/components/modules/dashboard/ui/pages/DashboardPage.tsx
index aab34429..51c57241 100644
--- a/src/components/modules/dashboard/ui/pages/DashboardPage.tsx
+++ b/src/components/modules/dashboard/ui/pages/DashboardPage.tsx
@@ -52,7 +52,7 @@ export function DashboardOverview() {
       {/* Header */}
       <div className="flex flex-col gap-2">
         <div className="flex items-center gap-2">
-          <div className="h-8 w-1 bg-gradient-to-b from-emerald-500 to-teal-500 rounded-full" />
+          <div className="h-8 w-1 bg-gradient-to-b from-emerald-800 to-emerald-800 rounded-full" />
           <h1 className="text-3xl font-bold tracking-tight">
             Dashboard Overview
           </h1>
@@ -66,7 +66,7 @@ export function DashboardOverview() {
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         {/* Wallet Information Card */}
         <Card className="overflow-hidden border-border shadow-sm hover:shadow-md transition-shadow">
-          <div className="h-1 bg-gradient-to-r from-emerald-500 to-teal-500" />
+          <div className="h-1 bg-gradient-to-r from-emerald-800 to-emerald-800" />
           <CardHeader className="pb-3">
             <CardTitle className="text-lg flex items-center gap-2">
               <div className="bg-emerald-100 rounded-full p-2">
@@ -125,11 +125,11 @@ export function DashboardOverview() {
 
         {/* User Profile Card */}
         <Card className="overflow-hidden border-border shadow-sm hover:shadow-md transition-shadow">
-          <div className="h-1 bg-gradient-to-r from-teal-500 to-emerald-500" />
+          <div className="h-1 bg-gradient-to-r from-emerald-800 to-emerald-800" />
           <CardHeader className="pb-3">
             <CardTitle className="text-lg flex items-center gap-2">
-              <div className="bg-teal-100 rounded-full p-2">
-                <User className="h-5 w-5 text-teal-600" />
+              <div className="bg-emerald-100 rounded-full p-2">
+                <User className="h-5 w-5 text-emerald-600" />
               </div>
               User Profile
             </CardTitle>
@@ -193,7 +193,7 @@ export function DashboardOverview() {
 
         {/* Activity Summary Card */}
         <Card className="overflow-hidden border-border shadow-sm hover:shadow-md transition-shadow">
-          <div className="h-1 bg-gradient-to-r from-emerald-500 to-teal-500" />
+          <div className="h-1 bg-gradient-to-r from-emerald-800 to-emerald-800" />
           <CardHeader className="pb-3">
             <CardTitle className="text-lg flex items-center gap-2">
               <div className="bg-emerald-100 rounded-full p-2">
@@ -216,7 +216,7 @@ export function DashboardOverview() {
                 </div>
               </div>
 
-              <div className="bg-gradient-to-br from-emerald-50 to-teal-50 dark:from-emerald-950/30 dark:to-teal-950/30 rounded-lg p-4">
+              <div className="bg-gradient-to-br from-emerald-50 to-emerald-50 dark:from-emerald-950/30 dark:to-emerald-950/30 rounded-lg p-4">
                 <div className="flex items-center justify-between mb-2">
                   <span className="text-sm font-medium">Chat Activity</span>
                   <Badge
@@ -234,7 +234,7 @@ export function DashboardOverview() {
 
               <div className="grid grid-cols-2 gap-3 pt-2">
                 <div className="text-center">
-                  <p className="text-lg font-bold text-teal-600">
+                  <p className="text-lg font-bold text-emerald-600">
                     {chatCount > 0 ? "100%" : "0%"}
                   </p>
                   <p className="text-xs text-muted-foreground">Engagement</p>
@@ -263,7 +263,7 @@ export function DashboardOverview() {
             <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
               <div className="flex items-center gap-3">
                 <div
-                  className={`w-3 h-3 rounded-full ${address ? "bg-emerald-500" : "bg-amber-500"}`}
+                  className={`w-3 h-3 rounded-full ${address ? "bg-emerald-800" : "bg-amber-500"}`}
                 />
                 <div>
                   <p className="font-medium">Wallet Connection</p>
@@ -275,7 +275,7 @@ export function DashboardOverview() {
 
               <div className="flex items-center gap-3">
                 <div
-                  className={`w-3 h-3 rounded-full ${profile ? "bg-emerald-500" : "bg-amber-500"}`}
+                  className={`w-3 h-3 rounded-full ${profile ? "bg-emerald-800" : "bg-amber-500"}`}
                 />
                 <div>
                   <p className="font-medium">Profile Setup</p>
@@ -289,7 +289,7 @@ export function DashboardOverview() {
 
               <div className="flex items-center gap-3">
                 <div
-                  className={`w-3 h-3 rounded-full ${chatCount > 0 ? "bg-emerald-500" : "bg-gray-400"}`}
+                  className={`w-3 h-3 rounded-full ${chatCount > 0 ? "bg-emerald-800" : "bg-gray-400"}`}
                 />
                 <div>
                   <p className="font-medium">Platform Activity</p>
diff --git a/src/components/modules/dashboard/ui/pages/background/GradientBackground.tsx b/src/components/modules/dashboard/ui/pages/background/GradientBackground.tsx
index e570bf1d..9fda515f 100644
--- a/src/components/modules/dashboard/ui/pages/background/GradientBackground.tsx
+++ b/src/components/modules/dashboard/ui/pages/background/GradientBackground.tsx
@@ -21,8 +21,8 @@ export function GradientBackground({
   children,
   className,
   opacity = 30,
-  primaryColor = "bg-emerald-500",
-  secondaryColor = "bg-teal-700",
+  primaryColor = "bg-emerald-800",
+  secondaryColor = "bg-emerald-800",
   primaryPosition = "-top-40 -right-40",
   secondaryPosition = "top-1/2 -left-40",
   primarySize = "w-80 h-80",
diff --git a/src/components/modules/escrows/ui/pages/dashboard.tsx b/src/components/modules/escrows/ui/pages/dashboard.tsx
index faa7b977..0b75b3f2 100644
--- a/src/components/modules/escrows/ui/pages/dashboard.tsx
+++ b/src/components/modules/escrows/ui/pages/dashboard.tsx
@@ -14,7 +14,7 @@ export function Loans() {
         {/* Nuevo Header con texto anterior */}
         <div className="flex flex-col gap-2 p-4 pb-0">
           <div className="flex items-center gap-2">
-            <div className="h-8 w-1 bg-gradient-to-b from-emerald-500 to-teal-500 rounded-full" />
+            <div className="h-8 w-1 bg-gradient-to-b from-emerald-800 to-emerald-800 rounded-full" />
             <h1 className="text-3xl font-bold tracking-tight">Loans</h1>
           </div>
           <p className="text-muted-foreground pl-3 border-l-2 border-muted">
diff --git a/src/components/modules/marketplace/ui/pages/MarketplacePage.tsx b/src/components/modules/marketplace/ui/pages/MarketplacePage.tsx
index 021d7f47..ad2fd10a 100644
--- a/src/components/modules/marketplace/ui/pages/MarketplacePage.tsx
+++ b/src/components/modules/marketplace/ui/pages/MarketplacePage.tsx
@@ -56,7 +56,7 @@ export function MarketplacePage() {
       {/* Header */}
       <div className="flex flex-col gap-2">
         <div className="flex items-center gap-2">
-          <div className="h-6 md:h-8 w-1 bg-gradient-to-b from-emerald-500 to-teal-500 rounded-full" />
+          <div className="h-6 md:h-8 w-1 bg-gradient-to-b from-emerald-800 to-emerald-800 rounded-full" />
           <h1 className="text-2xl md:text-3xl font-bold tracking-tight">
             Marketplace
           </h1>
@@ -80,7 +80,7 @@ export function MarketplacePage() {
             </div>
             <Button
               onClick={toggleForm}
-              className="bg-gradient-to-r from-emerald-600 to-teal-500 hover:from-emerald-700 hover:to-teal-600 text-white gap-2 w-full sm:w-auto"
+              className="bg-gradient-to-r from-emerald-600 to-emerald-800 hover:from-emerald-700 hover:to-emerald-600 text-white gap-2 w-full sm:w-auto"
             >
               <Plus className="h-4 w-4" />
               {showForm ? "Cancel" : "Offer Loan"}
@@ -91,7 +91,7 @@ export function MarketplacePage() {
         <CardContent className="space-y-6">
           {/* Loan Creation Form */}
           {showForm && (
-            <Card className="bg-gradient-to-br from-emerald-50 to-teal-50 dark:from-emerald-950/30 dark:to-teal-950/30 border-emerald-100 dark:border-emerald-900/50 mx-4 md:mx-0">
+            <Card className="bg-gradient-to-br from-emerald-50 to-emerald-50 dark:from-emerald-950/30 dark:to-emerald-950/30 border-emerald-100 dark:border-emerald-900/50 mx-4 md:mx-0">
               <CardHeader className="pb-3 px-4 md:px-6">
                 <CardTitle className="text-base md:text-lg flex items-center gap-2">
                   <Plus className="h-4 md:h-5 w-4 md:w-5 text-emerald-600" />
@@ -157,7 +157,7 @@ export function MarketplacePage() {
                 <div className="flex justify-end pt-2">
                   <Button
                     onClick={addLoan}
-                    className="bg-gradient-to-r from-emerald-600 to-teal-500 hover:from-emerald-700 hover:to-teal-600 text-white w-full sm:w-auto"
+                    className="bg-gradient-to-r from-emerald-600 to-emerald-800 hover:from-emerald-700 hover:to-emerald-600 text-white w-full sm:w-auto"
                   >
                     Create Offer
                   </Button>
@@ -173,7 +173,7 @@ export function MarketplacePage() {
                 key={loan.id}
                 className="overflow-hidden border-border shadow-sm hover:shadow-md transition-all duration-200 hover:-translate-y-1"
               >
-                <div className="h-1 bg-gradient-to-r from-emerald-400 to-teal-400" />
+                <div className="h-1 bg-gradient-to-r from-emerald-400 to-emerald-400" />
                 <CardHeader className="pb-3 px-4 md:px-6">
                   <div className="flex items-center justify-between">
                     <CardTitle className="text-base md:text-lg flex items-center gap-2">
@@ -187,7 +187,7 @@ export function MarketplacePage() {
                       <span className="text-xl md:text-2xl font-bold text-emerald-600">
                         {formatCurrency(loan.amount)}
                       </span>
-                      <span className="text-base md:text-lg font-semibold text-teal-600">
+                      <span className="text-base md:text-lg font-semibold text-emerald-600">
                         {loan.interestRate}%
                       </span>
                     </div>
@@ -232,7 +232,7 @@ export function MarketplacePage() {
                     </div>
                     <Button
                       size="sm"
-                      className="w-full bg-gradient-to-r from-emerald-600 to-teal-500 hover:from-emerald-700 hover:to-teal-600 text-white gap-2 h-9"
+                      className="w-full bg-gradient-to-r from-emerald-600 to-emerald-800 hover:from-emerald-700 hover:to-emerald-600 text-white gap-2 h-9"
                       disabled={loan.status !== "available"}
                     >
                       {loan.status === "available" ? (
@@ -265,7 +265,7 @@ export function MarketplacePage() {
               </p>
               <Button
                 onClick={() => toggleForm()}
-                className="bg-gradient-to-r from-emerald-600 to-teal-500 hover:from-emerald-700 hover:to-teal-600 text-white w-full sm:w-auto"
+                className="bg-gradient-to-r from-emerald-600 to-emerald-800 hover:from-emerald-700 hover:to-emerald-600 text-white w-full sm:w-auto"
               >
                 Create First Offer
               </Button>