diff --git a/web/routes/temas/color/+page.svelte b/web/routes/temas/color/+page.svelte
index e366a7bc3..91e926eec 100644
--- a/web/routes/temas/color/+page.svelte
+++ b/web/routes/temas/color/+page.svelte
@@ -294,7 +294,13 @@
 			<div class="builder-controls">
 				<label class="builder-seed">
 					semilla
-					<input type="color" bind:value={seedHex} />
+					<input
+						type="color"
+						value={seedHex || '#8e4ec6'}
+						oninput={(e) => {
+							if (e.currentTarget.value) seedHex = e.currentTarget.value
+						}}
+					/>
 					<code>{seedHex}</code>
 				</label>
 				<div class="seg" role="group" aria-label="Variante">
@@ -749,6 +755,9 @@
 	}
 	.slots .sw {
 		block-size: 34px;
+		/* Faint ring so a WHITE contrast slot (on-solid text for dark solids) is
+		   visible against the light card instead of looking like "no color". */
+		box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-content-primary) 10%, transparent);
 	}
 	.slot-legend {
 		display: flex;