diff --git a/.changeset/proud-teachers-share.md b/.changeset/proud-teachers-share.md
new file mode 100644
index 0000000..ee46cef
--- /dev/null
+++ b/.changeset/proud-teachers-share.md
@@ -0,0 +1,5 @@
+---
+"ada-ui": patch
+---
+
+Fixed broken panel background due to missing CSS variable
diff --git a/package-lock.json b/package-lock.json
index 83cd59e..217c062 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,13 +1,16 @@
 {
   "name": "ada-ui",
-  "version": "4.7.0",
+  "version": "5.7.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "ada-ui",
-      "version": "4.7.0",
+      "version": "5.7.3",
       "license": "MIT",
+      "bin": {
+        "ada-ui": "install.js"
+      },
       "devDependencies": {
         "@changesets/cli": "^2.27.1",
         "alive-server": "^1.2.9",
diff --git a/scss/_ada.theme-base.scss b/scss/_ada.theme-base.scss
index 75000d9..71ee508 100644
--- a/scss/_ada.theme-base.scss
+++ b/scss/_ada.theme-base.scss
@@ -13,20 +13,17 @@
     --fg-body: var(--fg-body-light);
   }
 
-  --color100: oklch(0.91 0.05 var(--hue));
+  --100: 0.91 0.05 var(--hue);
+  --500: calc(var(--l-base) + 0.15) calc(var(--c-base) + 0.06) var(--hue);
+  --600: calc(var(--l-base) + 0.1) calc(var(--c-base) + 0.04) var(--hue);
+  --700: calc(var(--l-base) + 0.05) calc(var(--c-base) + 0.02) var(--hue);
+  --800: var(--l-base) var(--c-base) var(--hue);
+  --950: 0.18 0.03 var(--hue);
 
-  --color500: oklch(
-    calc(var(--l-base) + 0.15) calc(var(--c-base) + 0.06) var(--hue)
-  );
-  --color600: oklch(
-    calc(var(--l-base) + 0.1) calc(var(--c-base) + 0.04) var(--hue)
-  );
-  --color700: oklch(
-    calc(var(--l-base) + 0.05) calc(var(--c-base) + 0.02) var(--hue)
-  );
-  --color800: oklch(var(--l-base) var(--c-base) var(--hue));
-
-  --color950: oklch(0.18 0.03 var(--hue));
-
-  --panel-background: oklch(var(--500) / 0.1);
+  --color100: oklch(var(--100));
+  --color500: oklch(var(--500));
+  --color600: oklch(var(--600));
+  --color700: oklch(var(--700));
+  --color800: oklch(var(--800));
+  --color950: oklch(var(--950));
 }
diff --git a/scss/_panel.scss b/scss/_panel.scss
index bcc384d..cd85025 100644
--- a/scss/_panel.scss
+++ b/scss/_panel.scss
@@ -9,7 +9,7 @@
 }
 
 .panel {
-  background: var(--panel-background);
+  background: oklch(var(--500) / 0.1);
   box-shadow: var(--box-shadow);
   border-radius: var(--border-radius);
   display: grid;