diff --git a/src/docs/input/README.md b/src/docs/input/README.md
index f6601cace4..6da7e55775 100644
--- a/src/docs/input/README.md
+++ b/src/docs/input/README.md
@@ -17,7 +17,7 @@
 | ------------------------------------------------- | ------------------- |
 | <kbd>Ctrl</kbd>\* + <kbd>L</kbd>                  | Toggle Layout       |
 | <kbd>Ctrl</kbd>\* + <kbd>M</kbd>                  | Toggle Map          |
-| <kbd>Ctrl</kbd>\* + <kbd>P</kbd>                  | Toggle Pallete      |
+| <kbd>Ctrl</kbd>\* + <kbd>P</kbd>                  | Toggle Palette      |
 | <kbd>Ctrl</kbd>\* + <kbd>A</kbd>                  | Toggle Select All   |
 | <kbd>Ctrl</kbd>\* + <kbd>;</kbd>                  | Toggle Search       |
 | <kbd>Ctrl</kbd>\* + <kbd>\</kbd>                  | Toggle Microphone   |
diff --git a/src/system/platform/component/app/Editor/Component.ts b/src/system/platform/component/app/Editor/Component.ts
index 53a6cc5028..657825992a 100644
--- a/src/system/platform/component/app/Editor/Component.ts
+++ b/src/system/platform/component/app/Editor/Component.ts
@@ -18395,10 +18395,10 @@ export class Editor_ extends Element<HTMLDivElement, _Props> {
           this._cabinet.setActive('minimap', !this._minimap_hidden)
         }
 
-        if (this._pallete_hidden === undefined) {
-          this._pallete_hidden = !this._cabinet.isActive('color')
+        if (this._palette_hidden === undefined) {
+          this._palette_hidden = !this._cabinet.isActive('color')
         } else {
-          this._cabinet.setActive('color', !this._pallete_hidden)
+          this._cabinet.setActive('color', !this._palette_hidden)
         }
       }
     }
@@ -18409,7 +18409,7 @@ export class Editor_ extends Element<HTMLDivElement, _Props> {
     if (drawer_id === 'minimap') {
       this._minimap_hidden = false
     } else if (drawer_id === 'color') {
-      this._pallete_hidden = false
+      this._palette_hidden = false
     }
   }
 
@@ -18418,7 +18418,7 @@ export class Editor_ extends Element<HTMLDivElement, _Props> {
     if (drawer_id === 'minimap') {
       this._minimap_hidden = true
     } else if (drawer_id === 'color') {
-      this._pallete_hidden = true
+      this._palette_hidden = true
     }
   }
 
@@ -44628,9 +44628,9 @@ export class Editor_ extends Element<HTMLDivElement, _Props> {
     }
   }
 
-  private _pallete_hidden: boolean
+  private _palette_hidden: boolean
 
-  private _toggle_pallete = (): void => {
+  private _toggle_palette = (): void => {
     // TODO
   }
 
@@ -52857,7 +52857,7 @@ export class Editor_ extends Element<HTMLDivElement, _Props> {
   }
 
   private _on_ctrl_p_keydown = (key: string): void => {
-    this._toggle_pallete()
+    this._toggle_palette()
   }
 
   private _force_finish_last_action: Unlisten
diff --git a/src/system/platform/component/app/GUI/Component.ts b/src/system/platform/component/app/GUI/Component.ts
index b0d2019024..aa187a41f9 100644
--- a/src/system/platform/component/app/GUI/Component.ts
+++ b/src/system/platform/component/app/GUI/Component.ts
@@ -59,7 +59,7 @@ export default class GUI extends Element<HTMLDivElement, Props> {
   public _cabinet: Cabinet
   public _minimap: Minimap
   public _color_picker: Color
-  public _color_pallete: Div
+  public _color_palette: Div
   public _share: Div
   public _import: IconButton
   public _folder: IconButton
@@ -204,10 +204,10 @@ export default class GUI extends Element<HTMLDivElement, Props> {
     )
     this._color_picker = color_picker
 
-    const color_pallete = new Div(
+    const color_palette = new Div(
       {
         style: {
-          className: 'gui-color-pallete',
+          className: 'gui-color-palette',
           position: 'relative',
           display: 'flex',
           flexDirection: 'column',
@@ -215,9 +215,9 @@ export default class GUI extends Element<HTMLDivElement, Props> {
       },
       this.$system
     )
-    color_pallete.appendChild(color_theme)
-    color_pallete.appendChild(color_picker)
-    this._color_pallete = color_pallete
+    color_palette.appendChild(color_theme)
+    color_palette.appendChild(color_picker)
+    this._color_palette = color_palette
 
     const folder_button = new IconButton(
       {
@@ -610,7 +610,7 @@ export default class GUI extends Element<HTMLDivElement, Props> {
         color: {
           icon: 'palette',
           title: 'color',
-          component: this._color_pallete,
+          component: this._color_palette,
           active: false,
           width: 60,
           height: 72,