diff --git a/.changeset/real-parrots-act.md b/.changeset/real-parrots-act.md
new file mode 100644
index 0000000000..212a51ea16
--- /dev/null
+++ b/.changeset/real-parrots-act.md
@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+Changed the HSL rounding to 2 decimal places (#2697)
diff --git a/packages/core/theme/src/plugin.ts b/packages/core/theme/src/plugin.ts
index e726f27998..7ab42dfe0d 100644
--- a/packages/core/theme/src/plugin.ts
+++ b/packages/core/theme/src/plugin.ts
@@ -78,7 +78,7 @@ const resolveConfig = (
 
       try {
         const parsedColor =
-          parsedColorsCache[colorValue] || Color(colorValue).hsl().round().array();
+          parsedColorsCache[colorValue] || Color(colorValue).hsl().round(2).array();
 
         parsedColorsCache[colorValue] = parsedColor;