diff --git a/website/agb/src/app/colour/colour.tsx b/website/agb/src/app/colour/colour.tsx
index c9770737..6a0af1ba 100644
--- a/website/agb/src/app/colour/colour.tsx
+++ b/website/agb/src/app/colour/colour.tsx
@@ -70,7 +70,7 @@ export default function ColourPicker() {
 
   return (
     <>
-      <ContentBlock color="#AAAFFF">
+      <ContentBlock color="#9fa6db">
         <h1>agbrs colour converter</h1>
       </ContentBlock>
       <ContentBlock>
diff --git a/website/agb/src/app/crash/backtrace.tsx b/website/agb/src/app/crash/backtrace.tsx
index 0eb7425c..602bff03 100644
--- a/website/agb/src/app/crash/backtrace.tsx
+++ b/website/agb/src/app/crash/backtrace.tsx
@@ -15,7 +15,7 @@ export function BacktracePage() {
 
   return (
     <>
-      <ContentBlock color="#AAAFFF">
+      <ContentBlock color="#9fa6db">
         <h1>agbrs crash backtrace viewer</h1>
       </ContentBlock>
       <ContentBlock>
diff --git a/website/agb/src/app/page.tsx b/website/agb/src/app/page.tsx
index ca51a90d..9b6334c3 100644
--- a/website/agb/src/app/page.tsx
+++ b/website/agb/src/app/page.tsx
@@ -119,13 +119,13 @@ function MgbaWithControllerSides() {
 export default function Home() {
   return (
     <>
-      <ContentBlock color="#AAAFFF">
+      <ContentBlock color="#9fa6db">
         <h1>agb - a rust framework for making Game Boy Advance games</h1>
       </ContentBlock>
       <ContentBlock uncentered>
         <MgbaWithControllerSides />
       </ContentBlock>
-      <ContentBlock color="#256256">
+      <ContentBlock color="#f5735c">
         <ExternalLinkBlock>
           <ExternalLink href="https://github.com/agbrs/agb">
             GitHub
diff --git a/website/agb/src/app/showcase/[game]/page.tsx b/website/agb/src/app/showcase/[game]/page.tsx
index 3431e798..38d07720 100644
--- a/website/agb/src/app/showcase/[game]/page.tsx
+++ b/website/agb/src/app/showcase/[game]/page.tsx
@@ -52,7 +52,7 @@ function DeveloperNames({ names }: { names: string[] }) {
 function Display({ game }: { game: ShowcaseGame }) {
   return (
     <>
-      <ContentBlock color="#AAAFFF">
+      <ContentBlock color="#9fa6db">
         <BackToShowcaseWrapper>
           <Link href={`../showcase#${slugify(game.name)}`}>
             <strong>&lt;</strong> Back to showcase
@@ -69,7 +69,7 @@ function Display({ game }: { game: ShowcaseGame }) {
           <Screenshots screenshots={game.screenshots} />
         </DescriptionAndScreenshots>
       </ContentBlock>
-      <ContentBlock color="#256256">
+      <ContentBlock color="#f5755e">
         <ExternalLinkBlock>
           {game.itch && (
             <ExternalLink href={game.itch.href}>View on itch.io</ExternalLink>
diff --git a/website/agb/src/app/showcase/page.tsx b/website/agb/src/app/showcase/page.tsx
index fcb2a42e..2b33411c 100644
--- a/website/agb/src/app/showcase/page.tsx
+++ b/website/agb/src/app/showcase/page.tsx
@@ -11,7 +11,7 @@ export const metadata: Metadata = {
 export default function ColourPickerPage() {
   return (
     <>
-      <ContentBlock color="#AAAFFF">
+      <ContentBlock color="#9fa6db">
         <h1>Showcase</h1>
       </ContentBlock>
       <ContentBlock uncentered>