diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3f471b3a2..45745e260 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+# [14.5.5](https://github.com/IgniteUI/igniteui-cli/compare/v14.5.4...v14.5.5) (2025-08-21)
+
+## What's Changed
+* fix: remove hsla function #1412 @Lipata in https://github.com/IgniteUI/igniteui-cli/pull/1412
+
+**Full Changelog**: https://github.com/IgniteUI/igniteui-cli/compare/v14.5.4...v14.5.5
+
 # [14.5.4](https://github.com/IgniteUI/igniteui-cli/compare/v14.5.3...v14.5.4) (2025-07-01)
 
 ## What's Changed
diff --git a/packages/cli/package.json b/packages/cli/package.json
index c8a1629df..eff8e84c7 100644
--- a/packages/cli/package.json
+++ b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "14.5.4",
+  "version": "14.5.5",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -76,8 +76,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~20.0.1454",
-    "@igniteui/cli-core": "~14.5.4",
+    "@igniteui/angular-templates": "~20.0.1455",
+    "@igniteui/cli-core": "~14.5.5",
     "@inquirer/prompts": "^5.4.0",
     "@types/yargs": "^17.0.33",
     "chalk": "^5.3.0",
diff --git a/packages/cli/templates/react/igr-ts/projects/_base/files/styles.css b/packages/cli/templates/react/igr-ts/projects/_base/files/styles.css
index c6be0ed3f..d2624070a 100644
--- a/packages/cli/templates/react/igr-ts/projects/_base/files/styles.css
+++ b/packages/cli/templates/react/igr-ts/projects/_base/files/styles.css
@@ -1,5 +1,5 @@
 body {
-  background: hsla(var(--ig-surface-500, 0 0% 100%));
+  background: var(--ig-surface-500, 0 0% 100%);
   color: var(--ig-surface-500-contrast, black);
   font-family: var(--ig-font-family);
   padding: 0;
diff --git a/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/styles.css b/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/styles.css
index e06ecae5b..323cedad6 100644
--- a/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/styles.css
+++ b/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/styles.css
@@ -1,5 +1,5 @@
 body {
-  background: hsla(var(--ig-surface-500, 0 0% 100%));
+  background: var(--ig-surface-500, 0 0% 100%);
   color: var(--ig-surface-500-contrast, black);
   font-family: var(--ig-font-family);
 }
diff --git a/packages/core/package.json b/packages/core/package.json
index c5b0fab0c..cee93ce97 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/cli-core",
-  "version": "14.5.4",
+  "version": "14.5.5",
   "description": "Base types and functionality for Ignite UI CLI",
   "repository": {
     "type": "git",
diff --git a/packages/igx-templates/igx-ts-legacy/tree/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts-legacy/tree/default/files/src/app/__path__/__filePrefix__.component.scss
index f48dd8931..4ece6c93d 100644
--- a/packages/igx-templates/igx-ts-legacy/tree/default/files/src/app/__path__/__filePrefix__.component.scss
+++ b/packages/igx-templates/igx-ts-legacy/tree/default/files/src/app/__path__/__filePrefix__.component.scss
@@ -12,7 +12,7 @@ igx-tree {
 .node-refresh {
   cursor: pointer;
   padding: 0px 4px;
-  color: hsla(var(--igx-success-500));
+  color: var(--igx-success-500);
 }
 
 .node {
diff --git a/packages/igx-templates/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.scss b/packages/igx-templates/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.scss
index f48dd8931..4ece6c93d 100644
--- a/packages/igx-templates/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.scss
+++ b/packages/igx-templates/igx-ts/tree/default/files/src/app/__path__/__filePrefix__.component.scss
@@ -12,7 +12,7 @@ igx-tree {
 .node-refresh {
   cursor: pointer;
   padding: 0px 4px;
-  color: hsla(var(--igx-success-500));
+  color: var(--igx-success-500);
 }
 
 .node {
diff --git a/packages/igx-templates/package.json b/packages/igx-templates/package.json
index af3796f50..1c5a2702d 100644
--- a/packages/igx-templates/package.json
+++ b/packages/igx-templates/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-templates",
-  "version": "20.0.1454",
+  "version": "20.0.1455",
   "description": "Templates for Ignite UI for Angular projects and components",
   "repository": {
     "type": "git",
@@ -12,7 +12,7 @@
   "author": "Infragistics",
   "license": "MIT",
   "dependencies": {
-    "@igniteui/cli-core": "~14.5.4",
+    "@igniteui/cli-core": "~14.5.5",
     "typescript": "~5.5.4"
   }
 }
diff --git a/packages/ng-schematics/package.json b/packages/ng-schematics/package.json
index 9295e9d18..9c92f6de7 100644
--- a/packages/ng-schematics/package.json
+++ b/packages/ng-schematics/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-schematics",
-  "version": "20.0.1454",
+  "version": "20.0.1455",
   "description": "Ignite UI for Angular Schematics for ng new and ng generate",
   "repository": {
     "type": "git",
@@ -20,8 +20,8 @@
   "dependencies": {
     "@angular-devkit/core": "^19.0.0",
     "@angular-devkit/schematics": "^19.0.0",
-    "@igniteui/angular-templates": "~20.0.1454",
-    "@igniteui/cli-core": "~14.5.4",
+    "@igniteui/angular-templates": "~20.0.1455",
+    "@igniteui/cli-core": "~14.5.5",
     "@schematics/angular": "~19.0.0",
     "minimatch": "^10.0.1",
     "rxjs": "^7.8.1"