diff --git a/src/frontend/apps/impress/cunningham.ts b/src/frontend/apps/impress/cunningham.ts
index 1bccd00e..d0df17aa 100644
--- a/src/frontend/apps/impress/cunningham.ts
+++ b/src/frontend/apps/impress/cunningham.ts
@@ -59,6 +59,7 @@ tokens.themes.default.components = {
     'la-gaufre': false,
     'home-proconnect': false,
     beta: false,
+    'image-system-filter': '',
   },
 };
 
@@ -228,6 +229,7 @@ const genericTheme = {
           },
         },
       },
+      'image-system-filter': 'saturate(0.2)',
     },
   },
 };
diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-style.css b/src/frontend/apps/impress/src/cunningham/cunningham-style.css
index b98989ac..8087717f 100644
--- a/src/frontend/apps/impress/src/cunningham/cunningham-style.css
+++ b/src/frontend/apps/impress/src/cunningham/cunningham-style.css
@@ -44,6 +44,13 @@
   padding: 4px 6px;
 }
 
+/**
+ * Image System
+*/
+.c__image-system-filter {
+  filter: var(--c--components--image-system-filter);
+}
+
 @font-face {
   font-family: Inter;
   font-style: italic;
diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css
index f16f85fc..a81fac53 100644
--- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css
+++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.css
@@ -490,6 +490,7 @@
   --c--components--la-gaufre: false;
   --c--components--home-proconnect: false;
   --c--components--beta: false;
+  --c--components--image-system-filter: ;
 }
 
 .cunningham-theme--dark {
@@ -687,6 +688,7 @@
   --c--components--button--primary--background--color-focus: var(
     --c--theme--colors--primary-focus
   );
+  --c--components--image-system-filter: saturate(0.2);
 }
 
 .clr-secondary-text {
diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts
index 27d06644..7bd34015 100644
--- a/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts
+++ b/src/frontend/apps/impress/src/cunningham/cunningham-tokens.ts
@@ -366,6 +366,7 @@ export const tokens = {
         'la-gaufre': false,
         'home-proconnect': false,
         beta: false,
+        'image-system-filter': '',
       },
     },
     dark: {
@@ -576,6 +577,7 @@ export const tokens = {
             },
           },
         },
+        'image-system-filter': 'saturate(0.2)',
       },
     },
   },
diff --git a/src/frontend/apps/impress/src/features/docs/doc-search/components/DocSearchModal.tsx b/src/frontend/apps/impress/src/features/docs/doc-search/components/DocSearchModal.tsx
index 48fbbf48..28230c5b 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-search/components/DocSearchModal.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-search/components/DocSearchModal.tsx
@@ -87,6 +87,7 @@ export const DocSearchModal = ({ ...modalProps }: DocSearchModalProps) => {
                 $justify="center"
               >
                 <Image
+                  className="c__image-system-filter"
                   width={320}
                   src={EmptySearchIcon}
                   alt={t('No active search')}
diff --git a/src/frontend/apps/impress/src/features/footer/Footer.tsx b/src/frontend/apps/impress/src/features/footer/Footer.tsx
index c6a81c73..6cef3ffe 100644
--- a/src/frontend/apps/impress/src/features/footer/Footer.tsx
+++ b/src/frontend/apps/impress/src/features/footer/Footer.tsx
@@ -78,6 +78,7 @@ export const Footer = () => {
                 >
                   {logo?.src && (
                     <Image
+                      className="c__image-system-filter"
                       priority
                       src={logo.src}
                       alt={logo?.alt || t('Logo')}
diff --git a/src/frontend/apps/impress/src/features/home/components/HomeBanner.tsx b/src/frontend/apps/impress/src/features/home/components/HomeBanner.tsx
index 03d92cb3..2f47d62f 100644
--- a/src/frontend/apps/impress/src/features/home/components/HomeBanner.tsx
+++ b/src/frontend/apps/impress/src/features/home/components/HomeBanner.tsx
@@ -88,6 +88,7 @@ export default function HomeBanner() {
         </Box>
         {!isMobile && (
           <Image
+            className="c__image-system-filter"
             src={banner}
             alt={t('Banner image')}
             priority
diff --git a/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx b/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx
index e97d1954..467edc94 100644
--- a/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx
+++ b/src/frontend/apps/impress/src/features/home/components/HomeSection.tsx
@@ -174,6 +174,7 @@ export const HomeSection = ({
 
         {illustration && (isSmallDevice || !video) && (
           <Image
+            className="c__image-system-filter"
             src={illustration}
             alt={t('Illustration')}
             style={{
diff --git a/src/frontend/apps/impress/src/pages/401.tsx b/src/frontend/apps/impress/src/pages/401.tsx
index 995bcbe5..f6cab406 100644
--- a/src/frontend/apps/impress/src/pages/401.tsx
+++ b/src/frontend/apps/impress/src/pages/401.tsx
@@ -29,6 +29,7 @@ const Page: NextPageWithLayout = () => {
       $padding={{ bottom: '2rem' }}
     >
       <Image
+        className="c__image-system-filter"
         src={img401}
         alt={t('Image 401')}
         style={{
diff --git a/src/frontend/apps/impress/src/pages/403.tsx b/src/frontend/apps/impress/src/pages/403.tsx
index ddf2c075..469d5311 100644
--- a/src/frontend/apps/impress/src/pages/403.tsx
+++ b/src/frontend/apps/impress/src/pages/403.tsx
@@ -24,6 +24,7 @@ const Page: NextPageWithLayout = () => {
       $padding={{ bottom: '2rem' }}
     >
       <Image
+        className="c__image-system-filter"
         src={img403}
         alt={t('Image 403')}
         style={{
diff --git a/src/frontend/apps/impress/src/pages/404.tsx b/src/frontend/apps/impress/src/pages/404.tsx
index f4d008ed..f66e3895 100644
--- a/src/frontend/apps/impress/src/pages/404.tsx
+++ b/src/frontend/apps/impress/src/pages/404.tsx
@@ -24,6 +24,7 @@ const Page: NextPageWithLayout = () => {
       $padding={{ bottom: '2rem' }}
     >
       <Image
+        className="c__image-system-filter"
         src={img403}
         alt={t('Image 403')}
         style={{