diff --git a/public/flowers.png b/public/flowers.png
new file mode 100644
index 0000000..e85d318
Binary files /dev/null and b/public/flowers.png differ
diff --git a/public/sakura.webp b/public/sakura.webp
deleted file mode 100644
index a93e20d..0000000
Binary files a/public/sakura.webp and /dev/null differ
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 1fd2234..80f2597 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,5 +1,5 @@
 ---
-const backgroundColor = "#ffd4de";
+const backgroundColor = "#E0D1ED";
 const backgroundColorNightMode = "#240046";
 ---
 
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 01e4d36..ff7df87 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -8,7 +8,7 @@ import disabilityPrideFlag from "../images/Visually_Safe_Disability_Pride_Flag.s
 const pageTitle = "Emma's place";
 const motto = "a celebration of self-expression through the personal web";
 
-const backgroundColor = "#ffd4de";
+const backgroundColor = "#E0D1ED";
 const backgroundColorNightMode = "#240046";
 ---
 
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
index d997fbd..8854537 100644
--- a/src/components/Navigation.astro
+++ b/src/components/Navigation.astro
@@ -1,5 +1,5 @@
 ---
-const backgroundColor = "#ffd4de";
+const backgroundColor = "#E0D1ED";
 const backgroundColorNightMode = "#240046";
 ---
 
diff --git a/src/components/WidgetBar.astro b/src/components/WidgetBar.astro
index 8f2e883..bc1e888 100644
--- a/src/components/WidgetBar.astro
+++ b/src/components/WidgetBar.astro
@@ -3,12 +3,12 @@ import { Image } from "astro:assets";
 
 import catImg from "../images/widgets/cat.webp";
 
-const backgroundColor = "#ffd4de";
+const backgroundColor = "#E0D1ED";
 const backgroundColorNightMode = "#240046";
 ---
 
 <div class="widget-box">
-    <div class="cat-widget widget">
+    <div class="widget">
         <p>a friend to browse my homepage with &lt;3</p>
         <Image src={catImg} alt="a cat sitting in a stained glass window"/>
     </div>
@@ -25,7 +25,7 @@ const backgroundColorNightMode = "#240046";
         grid-row: 2/3;
     }
 
-    .cat-widget {
+    .widget {
         background-color: var(--backgroundColor);
         height: auto;
         width: 20vw;
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8e85e08..c3ddf1f 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,7 +3,7 @@ import BasicLayout from "../layouts/BasicLayout.astro";
 
 const pageTitle = "emma's place";
 
-const backgroundColor = "#ffd4de";
+const backgroundColor = "#E0D1ED";
 const backgroundColorNightMode = "#240046";
 const textColorNightMode = "#f1dac4";
 const linkColorNightMode = "#4cc9f0";
diff --git a/src/styles/global.css b/src/styles/global.css
index 4a1ab3a..af3cf65 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,6 +1,6 @@
 :root {
   --text-color: #0c0c0c;
-  --background-color: #ffd4de;
+  --background-color: #e0d1ed;
   --body-background-color: #ffcccc;
   --scroll-gutter: #eb76ff88;
   --scroll-bar: #ffa8ec88;
@@ -25,7 +25,7 @@ html {
 
 body {
   background-color: var(--body-background-color);
-  background-image: url("/sakura.webp");
+  background-image: url("/flowers.png");
   display: grid;
   grid-template-columns: 25vw 50vw 25vw;
   grid-template-rows: 10vh 100% 10vh;