diff --git a/_src/assets/scss/_lib/_snake.scss b/_src/assets/scss/_lib/_snake.scss
index c215d8f482bfbf8436c3a60df3525828a5db321d..246ada9cdc3b57ed626bbb968fa6b635fa298f6d 100644
--- a/_src/assets/scss/_lib/_snake.scss
+++ b/_src/assets/scss/_lib/_snake.scss
@@ -28,7 +28,10 @@ $fieldSize: 20;
   .target {
     background-color: red !important;
   }
-  .snake {
+  .snake-head {
+    background-color: color.adjust($color-primary, $lightness:-10%) !important;
+  }
+  .snake-body {
     background-color: color.adjust($color-primary, $lightness:-5%) !important;
   }
 }
diff --git a/_src/assets/ts/snake.ts b/_src/assets/ts/snake.ts
index 631235a4746cd287a40ff7ad2b91027bab4d6d54..c9d7e507bce4e4e3a8c153e0374d3edcfc074aab 100644
--- a/_src/assets/ts/snake.ts
+++ b/_src/assets/ts/snake.ts
@@ -18,7 +18,10 @@ function drawField(){
             for(let y:number = 0; y<snake.length; y++){
                 let currentSnake = snake[y];
                 if(currentSnake[0] == i && currentSnake[1] == x){
-                    elementClass += " snake";
+                    if(y == snake.length - 1)
+                        elementClass += " snake-head";
+                    else
+                        elementClass += " snake-body";
                 }
             }