diff --git a/src/app/components/ShipSummaryTable.jsx b/src/app/components/ShipSummaryTable.jsx
index cae20dd4..d7d9e05d 100644
--- a/src/app/components/ShipSummaryTable.jsx
+++ b/src/app/components/ShipSummaryTable.jsx
@@ -48,8 +48,14 @@ export default class ShipSummaryTable extends TranslatedComponent {
     const boostTooltip = canBoost ? 'TT_SUMMARY_BOOST' : canThrust ? 'TT_SUMMARY_BOOST_NONFUNCTIONAL' : 'TT_SUMMARY_SPEED_NONFUNCTIONAL';
     const sgMetrics = Calc.shieldMetrics(ship, pips.sys || 2);
     const armourMetrics = Calc.armourMetrics(ship);
+    let shieldColour = 'blue';
+    if (shieldGenerator && shieldGenerator.m.grp === 'psg') {
+      shieldColour = 'green';
+    } else if (shieldGenerator && shieldGenerator.m.grp === 'bsg') {
+      shieldColour = 'purple';
+    }
     this.state = {
-      shieldColour: shieldGenerator && shieldGenerator.m.grp === 'psg' ? 'green' : 'blue'
+      shieldColour
     }
     return <div id='summary'>
       <table className={'summaryTable'}>
diff --git a/src/less/colors.less b/src/less/colors.less
index 6e8f3a16..42c88579 100755
--- a/src/less/colors.less
+++ b/src/less/colors.less
@@ -11,6 +11,7 @@
 @warning: #FF3B00;  // Dark Orange
 @disabled: #555;    // Light grey
 @success: #71a052;    // Green
+@purple: #800080;    // Purple
 @primary-disabled: darken(@primary, @disabledDarken);
 @secondary-disabled: darken(@secondary, @disabledDarken);
 @warning-disabled: darken(@warning, @disabledDarken);
diff --git a/src/less/outfit.less b/src/less/outfit.less
index 444ce321..8455feab 100755
--- a/src/less/outfit.less
+++ b/src/less/outfit.less
@@ -86,6 +86,13 @@
       border-left: 1px solid @primary-bg;
       color: @primary-bg;
     }
+
+    & > thead.purple {
+      background-color: @purple;
+      border-left: 1px solid @primary-bg;
+      color: @primary-bg;
+    }
+
   }
 }