diff --git a/js/collection.js b/js/collection.js
index 6bbbc39..f818cc9 100644
--- a/js/collection.js
+++ b/js/collection.js
@@ -326,7 +326,7 @@ function makeSwatch(hsl) {
   swatch.title = hex;
 
   const label = document.createElement('span');
-  label.style.cssText = 'font-size:0.75rem;font-family:monospace';
+  label.style.cssText = 'font-size:0.75rem;font-family:Poppins,sans-serif';
   label.textContent = hex;
 
   wrapper.appendChild(swatch);
diff --git a/js/schema-modal.js b/js/schema-modal.js
index ab600d3..b178245 100644
--- a/js/schema-modal.js
+++ b/js/schema-modal.js
@@ -141,7 +141,7 @@ function showVorschlag(farbenVorschlag) {
     const swatch = document.createElement('div');
     swatch.style.cssText = 'width:44px;height:44px;border-radius:6px;border:1px solid #ddd;background:' + hex;
     const label = document.createElement('span');
-    label.style.cssText = 'font-size:0.7rem;font-family:monospace;color:#666';
+    label.style.cssText = 'font-size:0.7rem;font-family:Poppins,sans-serif;color:#666';
     label.textContent = hex;
     cell.appendChild(swatch);
     cell.appendChild(label);
@@ -170,7 +170,7 @@ function renderFarbenPreview() {
     swatch.title = hex;
 
     const label = document.createElement('span');
-    label.style.cssText = 'font-size:0.7rem;font-family:monospace;color:#666';
+    label.style.cssText = 'font-size:0.7rem;font-family:Poppins,sans-serif;color:#666';
     label.textContent = hex;
 
     const removeBtn = document.createElement('button');
diff --git a/style.css b/style.css
index 3b69b90..30080d7 100644
--- a/style.css
+++ b/style.css
@@ -64,7 +64,7 @@ main { padding: 1.5rem; max-width: 900px; margin: 0 auto; }
   padding: 0.4rem 0.6rem;
   border: 1px solid #ccc;
   border-radius: 6px;
-  font-family: monospace;
+  font-family: 'Poppins', sans-serif;
   font-size: 0.9rem;
   width: 140px;
 }
@@ -148,7 +148,7 @@ button.action-btn:hover { background: #f0f0f0; }
   gap: 0.25rem;
 }
 .harmony-swatch .swatch { width: 56px; height: 56px; }
-.harmony-swatch span { font-size: 0.75rem; font-family: monospace; }
+.harmony-swatch span { font-size: 0.75rem; font-family: 'Poppins', sans-serif; }
 
 /* --- Utility classes --- */
 .swatch-cell {