diff --git a/docs/DESIGN-SYSTEM.md b/docs/DESIGN-SYSTEM.md
index 67baa29..3246208 100644
--- a/docs/DESIGN-SYSTEM.md
+++ b/docs/DESIGN-SYSTEM.md
@@ -78,8 +78,8 @@ Semua pasangan kontras sudah dihitung (38/38 lolos per palet, lihat `docs/design
 | on-brand2 | `#1b1f3b` | `#1b1f3b` |
 | brand2 | `#c2410c` | `#ff9a5c` |
 | brand2-soft | `#fdeee4` | `#3a2418` |
-| chart | `#178a8c` | `#4fd1d3` |
-| chart-soft | `#dff3f3` | `#143339` |
+| chart | `#4a54c9` | `#8c96ff` |
+| chart-soft | `#e3e5fb` | `#242a5c` |
 | ok | `#15803d` | `#4ade80` |
 | ok-text | `#166534` | `#86efac` |
 | ok-bg | `#dcfce7` | `#10301e` |
diff --git a/docs/design/kontras.md b/docs/design/kontras.md
index 7b5d00c..c676f3d 100644
--- a/docs/design/kontras.md
+++ b/docs/design/kontras.md
@@ -85,7 +85,7 @@ Lencana Dockify: running/online = ok (`ok-bg` + `ok-text`); pending/initializing
 | ok / surface | 4.5 | 5.02 | 9.85 | angka KPI Online/Running |
 | white / danger-fill | 4.5 | 5.74 | 5.74 | tombol Undeploy di konfirmasi |
 | brand2 / surface | 4.5 | 5.18 | 8.20 | angka sekunder |
-| chart / chart-soft | 3 | 3.61 | 7.29 | bar CPU/RAM/Disk (grafis) |
+| chart / chart-soft | 3 | 4.96 | 5.08 | bar CPU/RAM/Disk (grafis) |
 
 | Token | Terang | Gelap |
 | :--- | :--- | :--- |
@@ -106,8 +106,8 @@ Lencana Dockify: running/online = ok (`ok-bg` + `ok-text`); pending/initializing
 | on-brand2 | `#1b1f3b` | `#1b1f3b` |
 | brand2 | `#c2410c` | `#ff9a5c` |
 | brand2-soft | `#fdeee4` | `#3a2418` |
-| chart | `#178a8c` | `#4fd1d3` |
-| chart-soft | `#dff3f3` | `#143339` |
+| chart | `#4a54c9` | `#8c96ff` |
+| chart-soft | `#e3e5fb` | `#242a5c` |
 | ok | `#15803d` | `#4ade80` |
 | ok-text | `#166534` | `#86efac` |
 | ok-bg | `#dcfce7` | `#10301e` |
diff --git a/internal/http/static/app.css b/internal/http/static/app.css
index a6a5c1f..bc75483 100644
--- a/internal/http/static/app.css
+++ b/internal/http/static/app.css
@@ -86,8 +86,8 @@
   --on-brand2: #1b1f3b;
   --brand2: #c2410c;
   --brand2-soft: #fdeee4;
-  --chart: #178a8c;
-  --chart-soft: #dff3f3;
+  --chart: #4a54c9;
+  --chart-soft: #e3e5fb;
   --ok: #15803d;
   --ok-text: #166534;
   --ok-bg: #dcfce7;
@@ -120,8 +120,8 @@
   --on-brand2: #1b1f3b;
   --brand2: #ff9a5c;
   --brand2-soft: #3a2418;
-  --chart: #4fd1d3;
-  --chart-soft: #143339;
+  --chart: #8c96ff;
+  --chart-soft: #242a5c;
   --ok: #4ade80;
   --ok-text: #86efac;
   --ok-bg: #10301e;
@@ -254,7 +254,7 @@ hgroup p { color: var(--ink2); margin: 0; font-size: 0.95em; }
   width: 28px;
   height: 28px;
   border-radius: 8px;
-  background: linear-gradient(135deg, var(--accent-fill), var(--chart));
+  background: var(--accent-fill);
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -744,7 +744,7 @@ pre {
 .login-page { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 16px; }
 .login-card { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 28px 24px; width: 360px; max-width: 100%; box-shadow: var(--shadow); }
 .brand-header { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
-.brand-icon { width: 32px; height: 32px; border-radius: 8px; background: linear-gradient(135deg, var(--accent-fill), var(--chart)); display: inline-flex; align-items: center; justify-content: center; color: var(--on-accent); font-weight: 800; }
+.brand-icon { width: 32px; height: 32px; border-radius: 8px; background: var(--accent-fill); display: inline-flex; align-items: center; justify-content: center; color: var(--on-accent); font-weight: 800; }
 .login-card h1 { font-size: 20px; font-weight: 800; margin: 0; }
 .login-card p { color: var(--ink2); margin: 0 0 20px; font-size: 14px; }
 .login-card .alert { margin-bottom: 16px; }