diff --git a/packages/web/src/modals/ChooseConnectionColorModal.svelte b/packages/web/src/modals/ChooseConnectionColorModal.svelte
index 183138f2a..c6ad32068 100644
--- a/packages/web/src/modals/ChooseConnectionColorModal.svelte
+++ b/packages/web/src/modals/ChooseConnectionColorModal.svelte
@@ -30,7 +30,7 @@
         axiosInstance.post('connections/update-database', {
           conid,
           database,
-          values: { databaseColor: e.detail },
+          values: { connectionColor: e.detail },
         });
       } else {
         axiosInstance.post('connections/update', {
diff --git a/packages/web/src/utility/useConnectionColor.ts b/packages/web/src/utility/useConnectionColor.ts
index 39b02d70f..892e1860a 100644
--- a/packages/web/src/utility/useConnectionColor.ts
+++ b/packages/web/src/utility/useConnectionColor.ts
@@ -16,8 +16,8 @@ export function getConnectionColor(
   const { database } = dbid;
   let colorName = useConnectionFallback || !database ? current?.connectionColor : null;
   const dbConfig = (current?.databases || []).find(x => x.name == database);
-  if (dbConfig?.databaseColor) {
-    colorName = dbConfig.databaseColor;
+  if (dbConfig?.connectionColor) {
+    colorName = dbConfig.connectionColor;
   }
   if (!colorName) return undefined;
   const palettes = themeType == 'dark' ? presetDarkPalettes : presetPalettes;