diff --git a/apps/web/src/components/blueprints/FieldCard.tsx b/apps/web/src/components/blueprints/FieldCard.tsx
index 220a390..0d36411 100644
--- a/apps/web/src/components/blueprints/FieldCard.tsx
+++ b/apps/web/src/components/blueprints/FieldCard.tsx
@@ -83,7 +83,7 @@ export function FieldCard({ field, overrides, onChange }: FieldCardProps) {
     <div
       className={`border rounded-lg transition-all ${
         isActive
-          ? "border-brand-400/60 bg-brand-50/40 shadow-sm dark:border-brand-600/50 dark:bg-brand-950/60"
+          ? "border-brand-400/60 bg-brand-50/40 shadow-sm dark:border-brand-600/50 dark:bg-brand-950/50"
           : "border-gray-200 bg-white dark:border-gray-700/50 dark:bg-gray-800"
       }`}
     >
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index a54a5a8..2b8cf48 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -17,6 +17,7 @@ const config: Config = {
           700: "rgb(var(--accent-700) / <alpha-value>)",
           800: "rgb(var(--accent-800) / <alpha-value>)",
           900: "rgb(var(--accent-900) / <alpha-value>)",
+          950: "rgb(var(--accent-900) / <alpha-value>)",
         },
       },
       fontFamily: {