diff --git a/templates/angular/igx-ts/projects/empty/files/src/app/app.component.css b/templates/angular/igx-ts/projects/empty/files/src/app/app.component.css
index a4d4d9c00..2a74128b6 100644
--- a/templates/angular/igx-ts/projects/empty/files/src/app/app.component.css
+++ b/templates/angular/igx-ts/projects/empty/files/src/app/app.component.css
@@ -28,7 +28,7 @@
 }
 
 .nav-item.active {
-  color: #89447B;
+  color: #731963;
 }
 
 .nav-item:hover {
diff --git a/templates/angular/igx-ts/projects/empty/files/src/app/home/home.component.css b/templates/angular/igx-ts/projects/empty/files/src/app/home/home.component.css
index 98d57243d..f6dcd5312 100644
--- a/templates/angular/igx-ts/projects/empty/files/src/app/home/home.component.css
+++ b/templates/angular/igx-ts/projects/empty/files/src/app/home/home.component.css
@@ -3,5 +3,5 @@
 }
 
 a {
-  color: #89447B;
+  color: #731963;
 }