diff --git a/client/src/components/ControlPanel.jsx b/client/src/components/ControlPanel.jsx
index 1dd54e8..20f446c 100644
--- a/client/src/components/ControlPanel.jsx
+++ b/client/src/components/ControlPanel.jsx
@@ -210,13 +210,13 @@ function TurtleDetails({ turtle }) {
             </span>
           </div>
           {turtle.error && (
-            <div className="status-item" style={{ color: '#ef4444' }}>
+            <div className="status-item" style={{ color: '#ff5555' }}>
               <span className="label">Error:</span>
               <span className="value">{turtle.error}</span>
             </div>
           )}
           {turtle.warning && (
-            <div className="status-item" style={{ color: '#f59e0b' }}>
+            <div className="status-item" style={{ color: '#ffaa00' }}>
               <span className="label">Warning:</span>
               <span className="value">{turtle.warning}</span>
             </div>
@@ -232,7 +232,7 @@ function TurtleDetails({ turtle }) {
             {Object.entries(turtle.peripherals).map(([side, type]) => (
               <div key={side} className="status-item">
                 <span className="label" style={{ textTransform: 'capitalize' }}>{side}:</span>
-                <span className="value" style={{ color: '#a78bfa' }}>{type}</span>
+                <span className="value" style={{ color: '#ff55ff' }}>{type}</span>
               </div>
             ))}
           </div>