diff --git a/frontend/components/PostCard.tsx b/frontend/components/PostCard.tsx
index e79dc23..b541804 100644
--- a/frontend/components/PostCard.tsx
+++ b/frontend/components/PostCard.tsx
@@ -4,7 +4,7 @@ import { Post } from "../types/index.ts";
 
 export const PostCard = function PostCard({ post }: { post: Post }) {
   return (
-    <div class="p-6 bg-[#45475a] rounded-lg shadow-xl transition-all duration-300 ease-in-out hover:shadow-xl hover:scale-105">
+    <div class="p-6 bg-[#484659] rounded-lg shadow-xl transition-all duration-300 ease-in-out hover:shadow-xl hover:scale-105">
       <a href={`${Deno.env.get("BASE_URI_WEB")}/posts/${post.post_id}`}>
         <h2 class="text-white text-lg font-bold mb-2">{post.title}</h2>
         <p class="text-white">
diff --git a/frontend/components/PostHeader.tsx b/frontend/components/PostHeader.tsx
index 010138c..45c0d01 100644
--- a/frontend/components/PostHeader.tsx
+++ b/frontend/components/PostHeader.tsx
@@ -9,7 +9,7 @@ export const PostHeader = function PostHeader({ post }: PostHeaderOpts) {
         <title>Wyatt J. Miller | {post.title}</title>
       </Head>
       <div class="p-4 bg-[#313244]">
-        <div class="min-w-screen flex flex-col items-center justify-between bg-[#45475a] rounded-lg shadow-md">
+        <div class="min-w-screen flex flex-col items-center justify-between bg-[#484659] rounded-lg shadow-md">
           <div class="sm:mt-14 sm:mb-14 mt-8 mb-8 flex flex-col items-center gap-y-5 gap-x-10 md:flex-row">
             <div class="space-y-2 text-center md:text-left">
               <p class="text-2xl text-[#f5e0dc] font-bold sm:text-4xl">
diff --git a/frontend/islands/ProjectCard.tsx b/frontend/islands/ProjectCard.tsx
index f0c205e..1212d1f 100644
--- a/frontend/islands/ProjectCard.tsx
+++ b/frontend/islands/ProjectCard.tsx
@@ -3,7 +3,7 @@ export const ProjectCard = function ProjectCard(props: ProjectProps) {
     <div
       class={`md:m-8 group space-y-1 rounded-md ${
         props.wip ? "border-2 border-dashed" : "cursor-pointer"
-      } bg-[#45475a] px-3 py-2 m-4 shadow-md transition-all duration-300 ease-in-out hover:shadow-xl hover:scale-105`}
+      } bg-[#44485b] px-3 py-2 m-4 shadow-md transition-all duration-300 ease-in-out hover:shadow-xl hover:scale-105`}
       onClick={() => props.repo && open(props.repo, "_blank")}
     >
       <div class="flex items-center justify-between">
diff --git a/frontend/routes/contact/index.tsx b/frontend/routes/contact/index.tsx
index a133019..88dc1fc 100644
--- a/frontend/routes/contact/index.tsx
+++ b/frontend/routes/contact/index.tsx
@@ -175,7 +175,7 @@ export default function Contact({ data }: PageProps<FormState>) {
           <div>
             <button
               type="submit"
-              class="w-full bg-[#89b4fa] text-[#313244] py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
+              class="w-full bg-[#44475b] text-[#cdd6f4] py-2 px-4 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 shadow-md"
             >
               Send Message
             </button>