diff --git a/src/components/Palette.jsx b/src/components/Palette.jsx
index 1985200..be5d850 100644
--- a/src/components/Palette.jsx
+++ b/src/components/Palette.jsx
@@ -144,7 +144,7 @@ const Palette = () => {
             role="button"
             tabIndex={0}
             aria-label={`color ${index + clrHide}`}
-            key={color}
+            key={`${color}-${index + clrHide}`}
             className={selectedColor === (index + clrHide)
               ? 'selected'
               : 'unselected'}