diff --git a/suite-native/atoms/src/Switch.tsx b/suite-native/atoms/src/Switch.tsx
index 7edb2f1cd6d1..ffd688ca0ae6 100644
--- a/suite-native/atoms/src/Switch.tsx
+++ b/suite-native/atoms/src/Switch.tsx
@@ -9,6 +9,7 @@ import Animated, {
 } from 'react-native-reanimated';
 
 import { prepareNativeStyle, useNativeStyles } from '@trezor/styles';
+import { palette } from '@trezor/theme';
 
 import { ACCESSIBILITY_FONTSIZE_MULTIPLIER } from './Text';
 
@@ -49,7 +50,7 @@ const switchContainerStyle = prepareNativeStyle<{ isChecked: boolean }>((utils,
 const switchCircleStyle = prepareNativeStyle(utils => ({
     width: SWITCH_CIRCLE_SIZE,
     height: SWITCH_CIRCLE_SIZE,
-    backgroundColor: '#ffffff',
+    backgroundColor: palette.darkGray1000,
     borderRadius: utils.borders.radii.round,
     margin: SWITCH_CIRCLE_MARGIN,
     alignSelf: 'center',