diff --git a/packages/ui/src/fallback.css b/packages/ui/src/fallback.css
index c60da37a23..d2fb80ef12 100644
--- a/packages/ui/src/fallback.css
+++ b/packages/ui/src/fallback.css
@@ -1,3 +1,11 @@
+/*
+ * Chroma variables in the shape of @proj-airi/unocss-preset-chromatic 1.x (`0.18 + 0.04 · cos(hue)`, scaled per shade).
+ *
+ * NOTICE: since chromatic 2 the preset no longer emits these (its default `v2` model uses per-colour variables), so
+ * this file is now their only source. They back the hand-made tints that pick their own lightness (stage transition
+ * colours, nprogress, default backgrounds, range thumbs, the motion workbench). Keep them until those sites move to
+ * chromatic utilities (`~` / `*` modifiers) or to `chromaticColorFrom()`.
+ */
 :root {
   --chromatic-hue: 220.44;
   --chromatic-chroma: calc(0.18 + (cos(var(--chromatic-hue) * 3.14159265 / 180) * 0.04));
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f1101afd66..fb52ebd0b4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -403,8 +403,8 @@ catalogs:
       specifier: ^1000.1.5
       version: 1000.1.5
     '@proj-airi/chromatic':
-      specifier: ^1.1.4
-      version: 1.1.4
+      specifier: ^2.0.0
+      version: 2.0.0
     '@proj-airi/drizzle-duckdb-wasm':
       specifier: ^0.6.0
       version: 0.6.0
@@ -415,8 +415,8 @@ catalogs:
       specifier: ^1.0.19
       version: 1.0.19
     '@proj-airi/unocss-preset-chromatic':
-      specifier: ^1.1.4
-      version: 1.1.4
+      specifier: ^2.0.0
+      version: 2.0.0
     '@proj-airi/unplugin-fetch':
       specifier: ^0.2.3
       version: 0.2.3
@@ -1307,7 +1307,7 @@ importers:
         version: 0.1.0-beta.19(@antfu/eslint-config@8.2.0(@typescript-eslint/typescript-estree@8.67.0(supports-color@10.2.2)(typescript@6.0.3))(@typescript-eslint/utils@8.67.0(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(@unocss/eslint-plugin@66.7.5(@typescript-eslint/types@8.67.0)(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3))(@vue/compiler-sfc@3.5.41)(eslint-plugin-format@2.0.1(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2)))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(oxlint@1.79.0)(supports-color@10.2.2)(typescript@6.0.3)(vitest@4.1.11))(eslint-plugin-oxlint@1.79.0(oxlint@1.79.0))(eslint@10.9.0(jiti@2.7.0)(supports-color@10.2.2))(supports-color@10.2.2)(typescript@6.0.3)
       '@proj-airi/unocss-preset-chromatic':
         specifier: 'catalog:'
-        version: 1.1.4
+        version: 2.0.0
       '@types/node':
         specifier: 'catalog:'
         version: 26.2.0
@@ -5097,7 +5097,7 @@ importers:
         version: link:../ccc
       '@proj-airi/chromatic':
         specifier: 'catalog:'
-        version: 1.1.4
+        version: 2.0.0
       '@proj-airi/cloud-client':
         specifier: workspace:^
         version: link:../cloud-client
@@ -6205,7 +6205,7 @@ importers:
         version: link:../../packages/stage-ui
       '@proj-airi/unocss-preset-chromatic':
         specifier: 'catalog:'
-        version: 1.1.4
+        version: 2.0.0
       '@unocss/reset':
         specifier: 'catalog:'
         version: 66.7.5
@@ -11555,8 +11555,8 @@ packages:
       prisma:
         optional: true
 
-  '@proj-airi/chromatic@1.1.4':
-    resolution: {integrity: sha512-r4MzGzCWx1arbgDtzLY3a0PoWy/OrAy4OKJWMVBOsPf2WW7nsZ9kvD6p4CBYeC7MBYTxRPL2tDcjYGR8YPH+fQ==}
+  '@proj-airi/chromatic@2.0.0':
+    resolution: {integrity: sha512-QAu6aqg/ZacEADRvnevakt5ksUneqt748IkRXn6sj0kQqU7EruFfmbv2O52lIK/ysiw5MNFs4qUuyYjg2z7GwQ==}
 
   '@proj-airi/drizzle-duckdb-wasm@0.6.0':
     resolution: {integrity: sha512-iW7u6eGg7uHXQ/9MsyVfgqcoa07wcdaOp5v63crJnQx8XXdF2uus3yVtx7NXzHXWF6TF9IeybMNBM4CHLhjDGQ==}
@@ -11582,8 +11582,8 @@ packages:
   '@proj-airi/lobe-icons@1.0.19':
     resolution: {integrity: sha512-hBB/MUYqzckzMXYDLZ7/4HRuldqEvLKhMzTcVPLUOdXR0sn9y4vk+k14tynwgeePCrUKSUTP/bnPdETqvWJzqw==}
 
-  '@proj-airi/unocss-preset-chromatic@1.1.4':
-    resolution: {integrity: sha512-mVjEIwGfXAspKxh85ULvYelyEpcYe0HHmFpIUbZDZmmF6xVBNDIrctZZcMCwLB0E5LGxLDHvgFoaQeLDuHMzmg==}
+  '@proj-airi/unocss-preset-chromatic@2.0.0':
+    resolution: {integrity: sha512-Msnsu3JFi0kxFnsf45LT2ZL5eT1bd9/inibv9/r826lScnZvQ1i8GD2RMVJUwoM9IiHqnEUVZn3ycKhxRcEqzQ==}
 
   '@proj-airi/unplugin-fetch@0.2.3':
     resolution: {integrity: sha512-90I6CfbC7xMSm9/0gl+DJvHmg2Hw9E/7L5rtfXpqMmrRQqd/jhfD1Sb5LjywqTZ3rlFfnb39d051yFGeYigi9A==}
@@ -26252,7 +26252,7 @@ snapshots:
 
   '@prisma/client@5.22.0': {}
 
-  '@proj-airi/chromatic@1.1.4':
+  '@proj-airi/chromatic@2.0.0':
     dependencies:
       culori: 4.0.2
 
@@ -26290,7 +26290,9 @@ snapshots:
     dependencies:
       '@iconify/types': 2.0.0
 
-  '@proj-airi/unocss-preset-chromatic@1.1.4': {}
+  '@proj-airi/unocss-preset-chromatic@2.0.0':
+    dependencies:
+      '@proj-airi/chromatic': 2.0.0
 
   '@proj-airi/unplugin-fetch@0.2.3(vite@8.3.4(@types/node@26.2.0)(esbuild@0.28.2)(jiti@2.7.0)(less@4.9.0(supports-color@10.2.2))(terser@5.50.0)(tsx@4.23.12)(yaml@2.9.1))':
     dependencies:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index a519368476..b63d9ef9e3 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -190,11 +190,11 @@ catalog:
   '@pixiv/three-vrm-animation': ^3.5.5
   '@pixiv/three-vrm-core': ^3.5.5
   '@pnpm/find-workspace-dir': ^1000.1.5
-  '@proj-airi/chromatic': ^1.1.4
+  '@proj-airi/chromatic': ^2.0.0
   '@proj-airi/drizzle-duckdb-wasm': ^0.6.0
   '@proj-airi/iconify-meteocons': ^0.1.5
   '@proj-airi/lobe-icons': ^1.0.19
-  '@proj-airi/unocss-preset-chromatic': ^1.1.4
+  '@proj-airi/unocss-preset-chromatic': ^2.0.0
   '@proj-airi/unplugin-fetch': ^0.2.3
   '@proj-airi/unplugin-live2d-sdk': ^0.1.7
   '@revenuecat/purchases-js': ^1.15.0