diff --git a/web/app/components/snippets/components/snippet-placeholder-icon.tsx b/web/app/components/snippets/components/snippet-placeholder-icon.tsx
index 92153214719..86e8af77aa0 100644
--- a/web/app/components/snippets/components/snippet-placeholder-icon.tsx
+++ b/web/app/components/snippets/components/snippet-placeholder-icon.tsx
@@ -14,7 +14,7 @@ export function SnippetPlaceholderIcon({
   return (
     <div
       className={cn(
-        'flex size-10 shrink-0 items-center justify-center rounded-[10px] border border-divider-subtle bg-state-accent-hover text-text-accent shadow-xs',
+        'flex size-10 shrink-0 items-center justify-center rounded-[10px] border border-divider-subtle bg-state-accent-hover text-[#5D6FBB] shadow-xs',
         className,
       )}
       aria-hidden="true"