diff --git a/CHANGELOG.md b/CHANGELOG.md
index fc432fd2e..c868ad1c0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,16 @@
 Notable API additions and breaking changes. For the full commit log, see
 [GitHub Releases](https://github.com/mirrorstack-ai/web-ui-kit/releases).
 
+## 0.5.11
+
+- **`secondary` is now the brand teal.** The secondary tonal family shifts from
+  the M3-generated blue-grey to the brand teal — light `#006973`, a solid
+  `#0e8a97` on dark (white `on-secondary`, so filled secondary buttons read like
+  a deep-teal CTA) — with its container/on/fixed tones in the same teal ramp.
+  This gives apps a second on-brand accent (the dark `primary` remains the M3
+  light-blue); `color="secondary"` now reads as teal in both modes. Only the
+  secondary family changes; primary and the neutrals are untouched.
+
 ## 0.5.10
 
 - **Warm dark theme.** The dark-mode neutral tokens shift from cool near-black
diff --git a/package.json b/package.json
index 344230f7d..9255dd2be 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@mirrorstack-ai/web-ui-kit",
   "packageManager": "pnpm@10.29.3",
-  "version": "0.5.10",
+  "version": "0.5.11",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
diff --git a/src/theme.css b/src/theme.css
index 9ebda96b3..199295b14 100644
--- a/src/theme.css
+++ b/src/theme.css
@@ -10,11 +10,11 @@
   --color-primary-fixed: #c7e7ff;
   --color-on-primary-fixed: #001e2e;
 
-  --color-secondary: #39656b;
+  --color-secondary: #006973;
   --color-on-secondary: #ffffff;
-  --color-secondary-container: #beecf3;
-  --color-on-secondary-container: #224f55;
-  --color-secondary-fixed-dim: #b4dfe6;
+  --color-secondary-container: #9ceaf0;
+  --color-on-secondary-container: #00474e;
+  --color-secondary-fixed-dim: #82d3db;
 
   --color-tertiary: #7a4a97;
   --color-on-tertiary: #ffffff;
@@ -86,11 +86,11 @@
   --color-primary-fixed: #c7e7ff;
   --color-on-primary-fixed: #001e2e;
 
-  --color-secondary: #b6c9d8;
-  --color-on-secondary: #21323e;
-  --color-secondary-container: #384956;
-  --color-on-secondary-container: #d2e5f5;
-  --color-secondary-fixed-dim: #154a51;
+  --color-secondary: #0e8a97;
+  --color-on-secondary: #ffffff;
+  --color-secondary-container: #094a50;
+  --color-on-secondary-container: #a7e9f0;
+  --color-secondary-fixed-dim: #00525a;
 
   --color-tertiary: #cdc0e9;
   --color-on-tertiary: #342b4b;