diff --git a/frontend/src/components/FormatsGrid.jsx b/frontend/src/components/FormatsGrid.jsx
index fbb2d21..ce2b180 100644
--- a/frontend/src/components/FormatsGrid.jsx
+++ b/frontend/src/components/FormatsGrid.jsx
@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import { Image, FileText, TextAa, BookOpen, Archive } from '@phosphor-icons/react';
+import { Image, FileText, TextAa, BookOpen, Archive, MusicNotes } from '@phosphor-icons/react';
 import { FORMAT_FAMILIES } from '../data/formats.js';
 
 const FAMILY_ICONS = {
@@ -8,6 +8,7 @@ const FAMILY_ICONS = {
   fonts: TextAa,
   ebooks: BookOpen,
   archives: Archive,
+  audio: MusicNotes,
 };
 
 export function FormatsGrid() {
diff --git a/frontend/src/data/formats.js b/frontend/src/data/formats.js
index af57c9c..dbac564 100644
--- a/frontend/src/data/formats.js
+++ b/frontend/src/data/formats.js
@@ -19,4 +19,8 @@ export const FORMAT_FAMILIES = [
     key: 'archives',
     formats: ['zip', 'tar', 'tar.gz', 'tar.bz2', '7z', 'tar.7z', 'rar'],
   },
+  {
+    key: 'audio',
+    formats: ['mp3', 'wav', 'ogg', 'flac', 'aac', 'm4a'],
+  },
 ];
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 28ca9a1..f4bf808 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -24,6 +24,7 @@
   --color-family-fonts: #f5a524;
   --color-family-ebooks: #10b981;
   --color-family-archives: #64748b;
+  --color-family-audio: #ec4899;
 
   --font-sans: 'Plus Jakarta Sans', system-ui, 'Segoe UI', Roboto, sans-serif;
   --font-display: 'Bricolage Grotesque', var(--font-sans);
@@ -53,6 +54,7 @@
   --color-family-fonts: #ffb84d;
   --color-family-ebooks: #34d399;
   --color-family-archives: #94a3b8;
+  --color-family-audio: #f472b6;
 }
 
 *, *::before, *::after {
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 778a4ed..56c5a6b 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -41,7 +41,8 @@
     "documents": "Documents",
     "fonts": "Fonts",
     "ebooks": "Ebooks",
-    "archives": "Archives"
+    "archives": "Archives",
+    "audio": "Audio"
   },
   "footer": {
     "rights": "Ombrora Convert — Online file conversion"
diff --git a/frontend/src/locales/fr.json b/frontend/src/locales/fr.json
index 0f2cddf..659f4c2 100644
--- a/frontend/src/locales/fr.json
+++ b/frontend/src/locales/fr.json
@@ -41,7 +41,8 @@
     "documents": "Documents",
     "fonts": "Polices",
     "ebooks": "Ebooks",
-    "archives": "Archives"
+    "archives": "Archives",
+    "audio": "Audio"
   },
   "footer": {
     "rights": "Ombrora Convert — Conversion de fichiers en ligne"
diff --git a/frontend/src/utils/fileFamily.js b/frontend/src/utils/fileFamily.js
index 86f1328..7d0745d 100644
--- a/frontend/src/utils/fileFamily.js
+++ b/frontend/src/utils/fileFamily.js
@@ -1,4 +1,4 @@
-import { Image, FileText, TextAa, BookOpen, Archive, File as FileIcon } from '@phosphor-icons/react';
+import { Image, FileText, TextAa, BookOpen, Archive, MusicNotes, File as FileIcon } from '@phosphor-icons/react';
 import { FORMAT_FAMILIES } from '../data/formats.js';
 
 const FAMILY_ICONS = {
@@ -7,6 +7,7 @@ const FAMILY_ICONS = {
   fonts: TextAa,
   ebooks: BookOpen,
   archives: Archive,
+  audio: MusicNotes,
 };
 
 export function familyForExtension(extension) {