diff --git a/src/app/components/BlueprintCard.tsx b/src/app/components/BlueprintCard.tsx
index 6873a46..65108e1 100644
--- a/src/app/components/BlueprintCard.tsx
+++ b/src/app/components/BlueprintCard.tsx
@@ -32,7 +32,7 @@ const BlueprintCard = ({ blueprint, setStarred, setUnStarred, starred }: Bluepri
           <h2 className="text-xl font-bold">{blueprint.props.title}</h2>
           {isLoggedIn && (
             <span
-              className={`hidden flex-row gap-1 rounded-full px-2 py-1 text-xs font-semibold md:flex ${getStatusColorLight(
+              className={`hidden flex-row gap-1 rounded-full px-2 py-1 text-xs font-semibold md:flex text-white ${getStatusColorLight(
                 blueprint.props.status
               )}`}
             >
@@ -95,7 +95,7 @@ const BlueprintCard = ({ blueprint, setStarred, setUnStarred, starred }: Bluepri
         </div>
         <div className="mt-2 flex w-full flex-row items-center justify-between gap-2 md:mt-0 md:w-auto">
           <span
-            className={`flex flex-row gap-1 rounded-full px-2 py-1 text-xs font-semibold md:hidden ${getStatusColorLight(
+            className={`flex flex-row gap-1 rounded-full px-2 py-1 text-xs font-semibold md:hidden text-white ${getStatusColorLight(
               blueprint.props.status
             )}`}
           >
diff --git a/tailwind.config.ts b/tailwind.config.ts
index ccf7d4d..31cd458 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -25,12 +25,13 @@ const config: Config = {
         },
         warning: '#D7AE0B',
         neutral: {
-          '100': '#F5F3EF',
+          '100': '#FFFFFF',
         },
         success: '#34C759',
         green: {
           '100': '#EDFFF1',
           '300': '#278266',
+          '500': '#22A66D',
         },
         brand: {
           '400': '#68A3E9',