diff --git a/_layouts/project.html b/_layouts/project.html
index 311759e22e..13c8106bd7 100644
--- a/_layouts/project.html
+++ b/_layouts/project.html
@@ -110,7 +110,8 @@ <h2 class='project-page-card-title title6'>Value</h2>
                 <p><strong>Impact</strong></p>
                 <p>{{ page.impact }}</p>
             </div>
-            <div class='sdg-description-card'>
+            {%- assign background_color = page.sdg-color-variable |  replace_first: "$", "background-" -%}
+            <div class='sdg-description-card {{ background_color }}'>
                 <h2 class='sdg-card-title title7'>Sustainable Development Goal</h2>
                 <div class='sdg-description-wrapper'>
                     <img class='sdg-img' src='{{ page.sdg-image-src }}'>
diff --git a/_projects/311-data.md b/_projects/311-data.md
index 2ef92f55ce..792f4b16a2 100644
--- a/_projects/311-data.md
+++ b/_projects/311-data.md
@@ -75,4 +75,5 @@ impact: Neighborhood Councils are able to use visualizations to demonstrate and
 sdg: '<strong>16.8:</strong> Broaden and strengthen the awareness and participation of City and local communities, especially those traditionally underserved and marginalized, in the institutions of local and global governance.'
 sdg-image-src: /assets/images/sdg/sdg16.svg
 sdg-image-alt: '16: peace, justice and strong institutions'
+sdg-color-variable: $color-sdg16
 ---
diff --git a/_projects/access-the-data.md b/_projects/access-the-data.md
index ea1f402365..4f038895d6 100644
--- a/_projects/access-the-data.md
+++ b/_projects/access-the-data.md
@@ -105,4 +105,5 @@ visible: true
 sdg: '<strong>16.8:</strong> Broaden and strengthen the awareness and participation of City and local communities, especially those traditionally underserved and marginalized, in the institutions of local and global governance.'
 sdg-image-src: /assets/images/sdg/sdg16.svg
 sdg-image-alt: '16: peace, justice and strong institutions'
+sdg-color-variable: $color-sdg16
 ---
\ No newline at end of file
diff --git a/_projects/engage.md b/_projects/engage.md
index 21c6c89e02..9f84254c5f 100644
--- a/_projects/engage.md
+++ b/_projects/engage.md
@@ -70,4 +70,5 @@ impact: Our platform will make important local conversations much more represent
 sdg: '<strong>16.8:</strong> Broaden and strengthen the awareness and participation of City and local communities, especially those traditionally underserved and marginalized, in the institutions of local and global governance.'
 sdg-image-src: /assets/images/sdg/sdg16.svg
 sdg-image-alt: '16: peace, justice and strong institutions'
+sdg-color-variable: $color-sdg16
 ---
\ No newline at end of file
diff --git a/_projects/lucky-parking.md b/_projects/lucky-parking.md
index dc73bf9b96..367d3e4fb0 100644
--- a/_projects/lucky-parking.md
+++ b/_projects/lucky-parking.md
@@ -150,4 +150,5 @@ impact: Our project seeks to educate and inform city leaders and the community a
 sdg: '<strong>11.2:</strong> By 2030, provide access to safe, affordable, accessible and sustainable transport systems for all, improving road safety, notably by expanding public transport, with special attention to the needs of those in vulnerable situations, women, children, persons with disabilities and older persons.'
 sdg-image-src: /assets/images/sdg/sdg11.svg
 sdg-image-alt: '11: sustainable cities and communities'
+sdg-color-variable: $color-sdg11
 ---
\ No newline at end of file
diff --git a/_projects/open-community-survey.md b/_projects/open-community-survey.md
index 77fce1eacd..d022454732 100644
--- a/_projects/open-community-survey.md
+++ b/_projects/open-community-survey.md
@@ -78,4 +78,5 @@ impact: <i>We are currently drafting the Impact statement for this project.</i>
 sdg: '<strong>16.8:</strong> Broaden and strengthen the awareness and participation of City and local communities, especially those traditionally underserved and marginalized, in the institutions of local and global governance.'
 sdg-image-src: /assets/images/sdg/sdg16.svg
 sdg-image-alt: '16: peace, justice and strong institutions'
+sdg-color-variable: $color-sdg16
 ---
\ No newline at end of file
diff --git a/_sass/components/_project-page.scss b/_sass/components/_project-page.scss
index e143612667..7025e9ab5f 100644
--- a/_sass/components/_project-page.scss
+++ b/_sass/components/_project-page.scss
@@ -239,7 +239,6 @@
   flex-direction: column;
   flex-wrap: wrap;
   margin-right: auto;
-  background: #02548B;
   text-align: center;
   border-radius: 10px 10px 11px 11px;
   height: fit-content;