diff --git a/app/components/TypeCards.tsx b/app/components/TypeCards.tsx
index 1311bfc..98dc3d8 100644
--- a/app/components/TypeCards.tsx
+++ b/app/components/TypeCards.tsx
@@ -34,12 +34,12 @@ export default async function TypeCards() {
       {types.map((type) => (
         <div className="flex basis-1/3 mb-10" key={type.type}>
           <div className="w-4/5 h-40 border-solid border-1 rounded-md shadow-lg">
-            <div className="h-16 bg-accent5-600 rounded-t-md">
+            <div className="h-16 bg-accent5-700 rounded-t-md">
               <div className="text-lg text-white flex justify-center px-2 pt-1">
                 {type.type}
               </div>
             </div>
-            <p className="text-accent3-900 text-md p-2">{type.description}</p>
+            <p className="text-accent5-900 text-md p-2">{type.description}</p>
           </div>
         </div>
       ))}
diff --git a/tailwind.config.js b/tailwind.config.js
index 8e07a56..4bb5e6c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -58,7 +58,8 @@ module.exports = {
           900: 'HSL(90, 40%, 40%)',
         },
         accent5: {
-          600: 'HSL(178, 93%, 21%)',
+          700: 'HSL(178, 93%, 21%)',
+          900: 'HSL(178, 93%, 11%)',
         },
       },
       textShadow: {