diff --git a/packages/cli/src/tui/components/top-bar.tsx b/packages/cli/src/tui/components/top-bar.tsx
index 7278f73..f8a5091 100644
--- a/packages/cli/src/tui/components/top-bar.tsx
+++ b/packages/cli/src/tui/components/top-bar.tsx
@@ -24,26 +24,37 @@ function formatContextWindow(n: number): string {
 }
 
 /**
- * Mosaic windmill icon — 4 colored tiles + pink center in 3×3 grid
- * Colors from the Mosaic brand:
- *   TL: blue (#2f80ff)  TR: purple (#8b5cf6)
- *   BL: amber (#f59e0b) BR: teal (#14b8a6)
- *   Center: pink (#ec4899)
+ * Mosaic 3×3 icon — full grid of colored tiles
+ *
+ * Brand colors:
+ *   blue (#2f80ff), purple (#8b5cf6), teal (#14b8a6),
+ *   amber (#f59e0b), pink (#ec4899)
+ *
+ * Complementary fills:
+ *   indigo (#6366f1), sky (#38bdf8), rose (#f472b6), green (#22c55e)
+ *
+ * Layout:
+ *   blue    indigo  purple
+ *   sky     pink    rose
+ *   amber   green   teal
  */
 function MosaicIcon() {
   return (
     <Box flexDirection="column" marginRight={1}>
       <Text>
-        <Text color="#2f80ff">▐█</Text>
-        <Text color="#8b5cf6">█▌</Text>
+        <Text color="#2f80ff">██</Text>
+        <Text color="#6366f1">██</Text>
+        <Text color="#8b5cf6">██</Text>
       </Text>
       <Text>
-        <Text> </Text>
+        <Text color="#38bdf8">██</Text>
         <Text color="#ec4899">██</Text>
+        <Text color="#f472b6">██</Text>
       </Text>
       <Text>
-        <Text color="#f59e0b">▐█</Text>
-        <Text color="#14b8a6">█▌</Text>
+        <Text color="#f59e0b">██</Text>
+        <Text color="#22c55e">██</Text>
+        <Text color="#14b8a6">██</Text>
       </Text>
     </Box>
   );