diff --git a/web/src/components/CloudSharePanel.tsx b/web/src/components/CloudSharePanel.tsx
index 990fdec..e5a8f22 100644
--- a/web/src/components/CloudSharePanel.tsx
+++ b/web/src/components/CloudSharePanel.tsx
@@ -219,7 +219,7 @@ export default function CloudSharePanel() {
                 value={stage.shareUrl}
                 size={128}
                 bgColor="#F5F0E6"
-                fgColor="#1A1714"
+                fgColor="#1E3A8A"
               />
             </div>
             <div className="min-w-0 flex-1">
diff --git a/web/src/components/PublicRoomPanel.tsx b/web/src/components/PublicRoomPanel.tsx
index a3699ad..a003431 100644
--- a/web/src/components/PublicRoomPanel.tsx
+++ b/web/src/components/PublicRoomPanel.tsx
@@ -85,7 +85,7 @@ function PublicRoomModal({
           <>
             <div className="flex justify-center mb-5">
               <div className="bg-paper p-3 border border-paper-edge rounded-sm">
-                <QRCodeSVG value={url} size={180} bgColor="#F5F0E6" fgColor="#1A1714" />
+                <QRCodeSVG value={url} size={180} bgColor="#F5F0E6" fgColor="#1E3A8A" />
               </div>
             </div>
 
diff --git a/web/src/design/tokens.ts b/web/src/design/tokens.ts
index ab7921d..5eba2e9 100644
--- a/web/src/design/tokens.ts
+++ b/web/src/design/tokens.ts
@@ -12,9 +12,9 @@ export const color = {
   paper: "#F5F0E6",
   paperDeep: "#EBE4D4",
   paperEdge: "#DCD3BE",
-  ink: "#1A1714",
-  inkMuted: "#6B635A",
-  inkFaint: "#A89F93",
+  ink: "#1E3A8A",
+  inkMuted: "#6B7CA3",
+  inkFaint: "#A8B0C3",
 
   signal: "#1D4ED8",
   signalQuiet: "#E3EAF5",
diff --git a/web/src/index.css b/web/src/index.css
index ef8e2e8..2d4aa47 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -11,7 +11,7 @@
   html,
   body {
     background: #f5f0e6;
-    color: #1a1714;
+    color: #1e3a8a;
     font-family: "Inter", "Söhne", system-ui, -apple-system, sans-serif;
     font-feature-settings: "ss01", "cv11";
     -webkit-font-smoothing: antialiased;
@@ -60,7 +60,7 @@
     border-bottom: 1px solid #dcd3be;
   }
   .rule-strong {
-    border-bottom: 1px solid #1a1714;
+    border-bottom: 1px solid #1e3a8a;
   }
   /* Envelope: subtle diagonal flap hint used on panels */
   .paper-panel {
diff --git a/web/tailwind.config.js b/web/tailwind.config.js
index 5f9c475..ea21bea 100644
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@@ -7,9 +7,9 @@ export default {
         paper: "#F5F0E6",
         "paper-deep": "#EBE4D4",
         "paper-edge": "#DCD3BE",
-        ink: "#1A1714",
-        "ink-muted": "#6B635A",
-        "ink-faint": "#A89F93",
+        ink: "#1E3A8A",
+        "ink-muted": "#6B7CA3",
+        "ink-faint": "#A8B0C3",
         signal: "#1D4ED8",
         "signal-quiet": "#E3EAF5",
         ok: "#3E6B4A",