diff --git a/packages/ui/src/lib/components/TextArea.svelte b/packages/ui/src/lib/components/TextArea.svelte
index 489737413..ec65340e8 100644
--- a/packages/ui/src/lib/components/TextArea.svelte
+++ b/packages/ui/src/lib/components/TextArea.svelte
@@ -26,13 +26,18 @@
 
 		display: flex;
 		width: 100%;
-		color: var(--clr-theme-scale-ntrl-50);
 		align-items: center;
 		gap: var(--space-8);
 		padding: var(--space-12);
+		color: var(--clr-theme-scale-ntrl-0);
 
 		resize: none;
 
+		&::placeholder {
+			/* Most modern browsers support this now. */
+			color: var(--clr-theme-scale-ntrl-50);
+		}
+
 		&:hover {
 			border-color: var(--clr-theme-container-outline-pale);
 		}