diff --git a/src/annotations/cache/utils.ts b/src/annotations/cache/utils.ts
index 3486df23df..2b260a3ac7 100644
--- a/src/annotations/cache/utils.ts
+++ b/src/annotations/cache/utils.ts
@@ -24,7 +24,6 @@ import type { BackgroundModuleRemoteInterfaces } from 'src/background-script/typ
 import type { SharedListMetadata } from 'src/content-sharing/background/types'
 import { DEFAULT_KEY } from '@worldbrain/memex-common/lib/utils/item-ordering'
 import { createSyncSettingsStore } from 'src/sync-settings/util'
-import { HIGHLIGHT_COLORS_DEFAULT } from '@worldbrain/memex-common/lib/common-ui/components/highlightColorPicker/constants'
 
 export const reshapeAnnotationForCache = (
     annot: Annotation & {
@@ -260,9 +259,9 @@ export async function hydrateCacheForPageAnnotations(
     const syncSettingsStore = createSyncSettingsStore({
         syncSettingsBG: args.bgModules.syncSettings,
     })
-    const highlightColors =
-        (await syncSettingsStore.highlightColors.get('highlightColors')) ??
-        HIGHLIGHT_COLORS_DEFAULT
+    const highlightColors = await syncSettingsStore.highlightColors.get(
+        'highlightColors',
+    )
     args.cache.setHighlightColorDictionary(highlightColors)
 
     args.cache.setAnnotations(