diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx
index 25b7b740a..d02e24475 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx
+++ b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx
@@ -1,3 +1,4 @@
+import { blueDark, orangeDark } from "@radix-ui/colors";
 import { ContactShadows } from "@react-three/drei";
 import { invalidate, useFrame } from "@react-three/fiber";
 import { clamp, times } from "lodash-es";
@@ -97,7 +98,11 @@ export function Lighting({ hasPbr }: Props) {
       )}
 
       <group ref={wrapper}>
-        <hemisphereLight intensity={0} color={"white"} groundColor={"black"} />
+        <hemisphereLight
+          intensity={0}
+          color={blueDark.blue12}
+          groundColor={orangeDark.orange8}
+        />
 
         {times(LIGHTS_COUNT, (index) => {
           const x = index / (LIGHTS_COUNT - 1);