diff --git a/src/components/ColorPicker/index.vue b/src/components/ColorPicker/index.vue
index f262bb75..d37dd8b4 100644
--- a/src/components/ColorPicker/index.vue
+++ b/src/components/ColorPicker/index.vue
@@ -173,7 +173,7 @@ export default defineComponent({
 
         const maxLength = 10
         if (recentColors.value.length > maxLength) {
-          recentColors.value = recentColors.value.slice(-maxLength)
+          recentColors.value = recentColors.value.slice(0, maxLength)
         }
       }
     }, 300, { trailing: true })