diff --git a/src/components/StockDisplay/StockQuote.tsx b/src/components/StockDisplay/StockQuote.tsx
index 9dd86c0f..a7d98472 100644
--- a/src/components/StockDisplay/StockQuote.tsx
+++ b/src/components/StockDisplay/StockQuote.tsx
@@ -7,7 +7,7 @@ export function StockQuote({ quote }: { quote: Quote }) {
   return (
     <div className="flex items-center justify-center gap-4 border-r-2 border-slate-100 px-10 text-sm">
       <span className="whitespace-nowrap font-medium">{quote.name}</span>
-      <span className={cn("flex items-center gap-1", isNegative ? "text-red-800" : "text-green-800")}>
+      <span className={cn("flex items-center gap-1", isNegative ? "text-custom-red" : "text-custom-green")}>
         {!isNegative && "+"}
         {quote.change.toFixed(2)}%
         {isNegative ? <MoveDown className="mt-0.5 h-3 w-3" /> : <MoveUp className="mt-0.5  h-3 w-3" />}
diff --git a/tailwind.config.js b/tailwind.config.js
index 060f3aa6..f046f512 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -43,7 +43,8 @@ module.exports = {
             300: "#808080",
           },
           dim: "#D9D9D9",
-          green: "#55FF0080",
+          green: "#37A600",
+          red: "#D90000",
         },
       },
       fontFamily: {