diff --git a/app/components/AccentColorPicker.vue b/app/components/AccentColorPicker.vue
index 5e5201267c..89988e3b47 100644
--- a/app/components/AccentColorPicker.vue
+++ b/app/components/AccentColorPicker.vue
@@ -2,6 +2,17 @@
 import { useAccentColor } from '~/composables/useSettings'
 
 const { accentColors, selectedAccentColor, setAccentColor } = useAccentColor()
+
+onPrehydrate(el => {
+  const settings = JSON.parse(localStorage.getItem('npmx-settings') || '{}')
+  const id = settings.accentColorId
+  if (id) {
+    const input = el.querySelector<HTMLInputElement>(`input[value="${id}"]`)
+    if (input) {
+      input.checked = true
+    }
+  }
+})
 </script>
 
 <template>