From 9e7efed43575a4f944d8e745f181bf3e09150e1a Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zeno@gitbook.io>
Date: Thu, 24 Apr 2025 18:17:43 +0200
Subject: [PATCH 1/2] Update chroma ratio per step

---
 .changeset/eight-vans-judge.md         |  5 +++++
 packages/colors/src/transformations.ts | 16 +++++++++++++++-
 2 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/eight-vans-judge.md

diff --git a/.changeset/eight-vans-judge.md b/.changeset/eight-vans-judge.md
new file mode 100644
index 0000000000..c432fde1a3
--- /dev/null
+++ b/.changeset/eight-vans-judge.md
@@ -0,0 +1,5 @@
+---
+"@gitbook/colors": patch
+---
+
+Update chroma ratio per step
diff --git a/packages/colors/src/transformations.ts b/packages/colors/src/transformations.ts
index bf7f770c09..deda8329f3 100644
--- a/packages/colors/src/transformations.ts
+++ b/packages/colors/src/transformations.ts
@@ -220,7 +220,21 @@ export function colorScale(
             continue;
         }
 
-        const chromaRatio = index === 8 || index === 9 ? 1 : index * 0.05;
+        const chromaRatio = (() => {
+            switch (index) {
+                // Step 9 and 10 have max chroma, meaning they are fully saturated.
+                case 8:
+                case 9:
+                    return 1;
+                // Step 12 is fully desaturated
+                case 10:
+                    return 0.4;
+                case 11:
+                    return 0.1;
+                default:
+                    return index * 0.05;
+            }
+        })();
 
         const shade = {
             L: targetL, // Blend lightness

From 54f3703271a4e4328624c93732b07bd8889122dd Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zeno@gitbook.io>
Date: Tue, 29 Apr 2025 18:44:59 +0200
Subject: [PATCH 2/2] Update comment

---
 packages/colors/src/transformations.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/colors/src/transformations.ts b/packages/colors/src/transformations.ts
index deda8329f3..90cb4482eb 100644
--- a/packages/colors/src/transformations.ts
+++ b/packages/colors/src/transformations.ts
@@ -226,7 +226,7 @@ export function colorScale(
                 case 8:
                 case 9:
                     return 1;
-                // Step 12 is fully desaturated
+                // Step 11 and 12 have a reduced chroma
                 case 10:
                     return 0.4;
                 case 11: