diff --git a/js/bloch-sphere/view/MagneticFieldArrowNode.ts b/js/bloch-sphere/view/MagneticFieldArrowNode.ts
index 94d5448..b24de7c 100644
--- a/js/bloch-sphere/view/MagneticFieldArrowNode.ts
+++ b/js/bloch-sphere/view/MagneticFieldArrowNode.ts
@@ -8,6 +8,7 @@
 import NumberProperty from '../../../../axon/js/NumberProperty.js';
 import { combineOptions } from '../../../../phet-core/js/optionize.js';
 import ArrowNode, { ArrowNodeOptions } from '../../../../scenery-phet/js/ArrowNode.js';
+import QuantumMeasurementColors from '../../common/QuantumMeasurementColors.js';
 import quantumMeasurement from '../../quantumMeasurement.js';
 
 export default class MagneticFieldArrowNode extends ArrowNode {
@@ -15,7 +16,7 @@ export default class MagneticFieldArrowNode extends ArrowNode {
   public constructor( magneticFieldStrength: NumberProperty, maximumLength: number, providedOptions?: ArrowNodeOptions ) {
     super( 0, 0, 0, 0, combineOptions<ArrowNodeOptions>( {
       stroke: 'black',
-      fill: '#ff0',
+      fill: QuantumMeasurementColors.magneticFieldColor,
 
       // empirically determined values
       headHeight: 0.3 * maximumLength,
diff --git a/js/bloch-sphere/view/MagneticFieldControl.ts b/js/bloch-sphere/view/MagneticFieldControl.ts
index dad1fa2..c5d9460 100644
--- a/js/bloch-sphere/view/MagneticFieldControl.ts
+++ b/js/bloch-sphere/view/MagneticFieldControl.ts
@@ -76,7 +76,7 @@ export default class MagneticFieldControl extends Panel {
       tandem: providedOptions.tandem.createTandem( 'magneticFieldStrengthSlider' ),
       thumbSize: new Dimension2( 28, 14 ),
       thumbFill: '#ee0',
-      thumbFillHighlighted: '#ff0',
+      thumbFillHighlighted: QuantumMeasurementColors.magneticFieldColor,
       thumbCenterLineStroke: Color.BLACK,
       trackSize: SLIDER_TRACK_SIZE,
       trackFillEnabled: Color.BLACK,
diff --git a/js/common/QuantumMeasurementColors.ts b/js/common/QuantumMeasurementColors.ts
index 0144dbd..d624173 100644
--- a/js/common/QuantumMeasurementColors.ts
+++ b/js/common/QuantumMeasurementColors.ts
@@ -146,6 +146,11 @@ const QuantumMeasurementColors = {
   // Color for particles on the "Spin" screen particles.
   particleColor: new ProfileColorProperty( quantumMeasurement, 'particleColor', {
     default: '#F0F'
+  } ),
+
+  // Magnetic field color
+  magneticFieldColor: new ProfileColorProperty( quantumMeasurement, 'magneticFieldColor', {
+    default: '#FF0'
   } )
 };