diff --git a/src/simulator/CompassModule.tsx b/src/simulator/CompassModule.tsx
index 7905f3fc4..72138806f 100644
--- a/src/simulator/CompassModule.tsx
+++ b/src/simulator/CompassModule.tsx
@@ -68,7 +68,7 @@ const CompassModule = ({
             <Icon
               ref={ref}
               as={CompassHeadingIcon}
-              color="brand2.400"
+              color="brand2.500"
               boxSize="20"
             />
           </HStack>
diff --git a/src/simulator/SimulatorModules.tsx b/src/simulator/SimulatorModules.tsx
index 8e50aef49..f252c50b1 100644
--- a/src/simulator/SimulatorModules.tsx
+++ b/src/simulator/SimulatorModules.tsx
@@ -267,7 +267,7 @@ const ModuleForId = ({
       return (
         <RangeSensor
           id={id}
-          icon={<Icon as={icons[id]} color="brand2.400" boxSize="6" />}
+          icon={<Icon as={icons[id]} color="brand2.500" boxSize="6" />}
           key={id}
           title={title}
           sensor={state[id] as RangeSensorType}
@@ -279,7 +279,7 @@ const ModuleForId = ({
       return (
         <ButtonsModule
           key={id}
-          icon={<Icon as={icons[id]} color="brand2.400" boxSize="6" />}
+          icon={<Icon as={icons[id]} color="brand2.500" boxSize="6" />}
           state={state}
           onValueChange={onValueChange}
           running={running}
@@ -290,7 +290,7 @@ const ModuleForId = ({
       return (
         <PinsModule
           key={id}
-          icon={<Icon as={icons[id]} color="brand2.400" boxSize="6" />}
+          icon={<Icon as={icons[id]} color="brand2.500" boxSize="6" />}
           state={state}
           onValueChange={onValueChange}
           running={running}
@@ -301,7 +301,7 @@ const ModuleForId = ({
       return (
         <DataLoggingModule
           key={id}
-          icon={<Icon as={icons[id]} color="brand2.400" boxSize="6" />}
+          icon={<Icon as={icons[id]} color="brand2.500" boxSize="6" />}
           logFull={state.dataLogging.logFull}
           minimised={minimised}
         />
@@ -310,7 +310,7 @@ const ModuleForId = ({
       return (
         <AccelerometerModule
           key={id}
-          icon={<Icon as={icons[id]} color="brand2.400" boxSize="6" />}
+          icon={<Icon as={icons[id]} color="brand2.500" boxSize="6" />}
           state={state}
           onValueChange={onValueChange}
           running={running}
@@ -321,7 +321,7 @@ const ModuleForId = ({
       return (
         <CompassModule
           key={id}
-          icon={<Icon as={icons[id]} color="brand2.400" boxSize="6" />}
+          icon={<Icon as={icons[id]} color="brand2.500" boxSize="6" />}
           state={state}
           onValueChange={onValueChange}
           minimised={minimised}
@@ -331,7 +331,7 @@ const ModuleForId = ({
       return (
         <RadioModule
           key={id}
-          icon={<Icon as={icons[id]} color="brand2.400" boxSize="6" />}
+          icon={<Icon as={icons[id]} color="brand2.500" boxSize="6" />}
           enabled={state.radio.enabled}
           group={state.radio.group}
           minimised={minimised}