diff --git a/src/hooks/useCycleColor.js b/src/hooks/useCycleColor.js
index b9fc2b4..5638819 100644
--- a/src/hooks/useCycleColor.js
+++ b/src/hooks/useCycleColor.js
@@ -2,7 +2,7 @@ import { useColorMode } from 'theme-ui';
 import colors from '../gatsby-plugin-theme-ui/colors';
 
 const customColors = Object.keys(colors.modes);
-const modes = ['light', 'dark', ...customColors];
+const modes = ['dark', ...customColors];
 
 function useCycleColor() {
   const [colorMode, setColorMode] = useColorMode();