diff --git a/app/sites/[id]/replays/[replayId]/page.tsx b/app/sites/[id]/replays/[replayId]/page.tsx
index a01325a..167626a 100644
--- a/app/sites/[id]/replays/[replayId]/page.tsx
+++ b/app/sites/[id]/replays/[replayId]/page.tsx
@@ -5,6 +5,7 @@ import { useParams, useRouter } from 'next/navigation'
 import { getSite, type Site } from '@/lib/api/sites'
 import { getReplay, getReplayData, deleteReplay, formatDuration, type SessionReplay } from '@/lib/api/replays'
 import { toast } from 'sonner'
+import { LockClosedIcon } from '@radix-ui/react-icons'
 import LoadingOverlay from '@/components/LoadingOverlay'
 import type { eventWithTime } from '@rrweb/types'
 import 'rrweb-player/dist/style.css'
@@ -207,7 +208,8 @@ export default function ReplayViewerPage() {
                 </div>
                 <div className="flex items-center gap-2">
                   {replay.is_skeleton_mode && (
-                    <span className="text-xs bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400 px-2 py-0.5 rounded">
+                    <span className="inline-flex items-center gap-1.5 text-xs bg-brand-orange/10 text-brand-orange px-2 py-0.5 rounded">
+                      <LockClosedIcon className="w-3 h-3 flex-shrink-0" />
                       Skeleton Mode
                     </span>
                   )}
@@ -282,8 +284,9 @@ export default function ReplayViewerPage() {
               <div className="pt-2 border-t border-neutral-200 dark:border-neutral-800">
                 <div className="flex items-center gap-2">
                   {replay.is_skeleton_mode ? (
-                    <span className="text-xs bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400 px-2 py-1 rounded">
-                      🔒 Skeleton Mode (Anonymous)
+                    <span className="inline-flex items-center gap-1.5 text-xs bg-brand-orange/10 text-brand-orange px-2 py-1 rounded">
+                      <LockClosedIcon className="w-3 h-3 flex-shrink-0" />
+                      Skeleton Mode (Anonymous)
                     </span>
                   ) : replay.consent_given ? (
                     <span className="text-xs bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400 px-2 py-1 rounded">
diff --git a/app/sites/[id]/replays/page.tsx b/app/sites/[id]/replays/page.tsx
index 79d1843..529ed31 100644
--- a/app/sites/[id]/replays/page.tsx
+++ b/app/sites/[id]/replays/page.tsx
@@ -5,6 +5,7 @@ import { useParams, useRouter } from 'next/navigation'
 import { getSite, type Site } from '@/lib/api/sites'
 import { listReplays, formatDuration, type ReplayListItem, type ReplayFilters } from '@/lib/api/replays'
 import { toast } from 'sonner'
+import { LockClosedIcon } from '@radix-ui/react-icons'
 import LoadingOverlay from '@/components/LoadingOverlay'
 
 function formatDate(dateString: string) {
@@ -187,7 +188,8 @@ export default function ReplaysPage() {
                     <td className="px-4 py-4">
                       <div className="flex items-center gap-2">
                         {replay.is_skeleton_mode && (
-                          <span className="text-xs bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400 px-1.5 py-0.5 rounded">
+                          <span className="inline-flex items-center gap-1 text-xs bg-brand-orange/10 text-brand-orange px-1.5 py-0.5 rounded">
+                            <LockClosedIcon className="w-3 h-3 flex-shrink-0" />
                             Skeleton
                           </span>
                         )}
diff --git a/app/sites/[id]/settings/page.tsx b/app/sites/[id]/settings/page.tsx
index f56a26c..228a061 100644
--- a/app/sites/[id]/settings/page.tsx
+++ b/app/sites/[id]/settings/page.tsx
@@ -19,6 +19,7 @@ import {
   ExclamationTriangleIcon,
   LightningBoltIcon,
   VideoIcon,
+  LockClosedIcon,
 } from '@radix-ui/react-icons'
 
 const TIMEZONES = [
@@ -816,7 +817,10 @@ export default function SiteSettingsPage() {
                           <div>
                             <div className="font-medium text-neutral-900 dark:text-white flex items-center gap-2">
                               Anonymous Skeleton
-                              <span className="text-xs bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400 px-2 py-0.5 rounded">Privacy First</span>
+                              <span className="inline-flex items-center gap-1 text-xs bg-brand-orange/10 text-brand-orange px-2 py-0.5 rounded">
+                                <LockClosedIcon className="w-3 h-3 flex-shrink-0" />
+                                Privacy First
+                              </span>
                             </div>
                             <p className="text-sm text-neutral-500 dark:text-neutral-400 mt-0.5">
                               All text replaced with blocks (████), all inputs hidden. Layout and clicks preserved. No consent required.