diff --git a/frontend/angular/src/app/pages/chat/chat.component.scss b/frontend/angular/src/app/pages/chat/chat.component.scss
index e695589..b3345f3 100644
--- a/frontend/angular/src/app/pages/chat/chat.component.scss
+++ b/frontend/angular/src/app/pages/chat/chat.component.scss
@@ -2,8 +2,8 @@
 @use "sass:color"; // Importa el módulo sass:color
 
 // Inspirado en los colores y estilos de la aplicación
-$primary-color: #df881d; // Naranja principal de la app
-$secondary-color: #8a63d2; // Morado/Lavanda de la app
+$primary-color: #4346ff; 
+$secondary-color: #ff6a81; 
 $background-dark: #120e23; // Fondo oscuro principal, similar al de la app
 $background-medium: #181335; // Un tono intermedio para el contenedor del chat
 $card-background: #2e2143; // Fondo para burbujas de chat recibidas