diff --git a/docs/pages/resources/changelog.md b/docs/pages/resources/changelog.md
index 643f16bc7..2ad10bb59 100644
--- a/docs/pages/resources/changelog.md
+++ b/docs/pages/resources/changelog.md
@@ -20,6 +20,10 @@ New versions of Web Awesome are released as-needed and generally occur when a cr
 - Removed `default` from `<wa-button>` and made `neutral` the new default
 - Removed the `circle` modifier from `<wa-button>` because button's no longer have a set height
 
+## Next
+
+- Added the Croatian translation [#1656]
+
 ## 2.10.0
 
 - Added the Simplified Chinese translation [#1604]
diff --git a/src/translations/hr.ts b/src/translations/hr.ts
new file mode 100644
index 000000000..783f08d5d
--- /dev/null
+++ b/src/translations/hr.ts
@@ -0,0 +1,39 @@
+import { registerTranslation } from '@shoelace-style/localize';
+import type { Translation } from '../utilities/localize.js';
+
+const translation: Translation = {
+  $code: 'hr',
+  $name: 'Hrvatski',
+  $dir: 'ltr',
+
+  carousel: 'Vrtuljak',
+  clearEntry: 'Očisti unos',
+  close: 'Zatvori',
+  copied: 'Kopirano',
+  copy: 'Kopiraj',
+  currentValue: 'Trenutna vrijednost',
+  error: 'Greška',
+  goToSlide: (slide, count) => `Idi na slajd ${slide} od ${count}`,
+  hidePassword: 'Sakrij lozinku',
+  loading: 'Učitavanje',
+  nextSlide: 'Sljedeći slajd',
+  numOptionsSelected: num => {
+    if (num === 0) return 'Nije odabrana nijedna opcija';
+    if (num === 1) return '1 opcija je odabrana';
+    return `${num} odabranih opcija`;
+  },
+  previousSlide: 'Prethodni slajd',
+  progress: 'Napredak',
+  remove: 'Makni',
+  resize: 'Promijeni veličinu',
+  scrollToEnd: 'Skrolaj do kraja',
+  scrollToStart: 'Skrolaj na početak',
+  selectAColorFromTheScreen: 'Odaberi boju sa ekrana',
+  showPassword: 'Pokaži lozinku',
+  slideNum: slide => `Slajd ${slide}`,
+  toggleColorFormat: 'Zamijeni format boje'
+};
+
+registerTranslation(translation);
+
+export default translation;