diff --git a/packages/react/src/components/Forms/Checkbox/tokens.ts b/packages/react/src/components/Forms/Checkbox/tokens.ts
index c9ddd41..ac7552b 100644
--- a/packages/react/src/components/Forms/Checkbox/tokens.ts
+++ b/packages/react/src/components/Forms/Checkbox/tokens.ts
@@ -2,7 +2,7 @@ import { DefaultTokens } from "@openfun/cunningham-tokens";
 
 export const tokens = (defaults: DefaultTokens) => ({
   "background-color--hover": defaults.theme.colors["greyscale-200"],
-  "background-color": "white",
+  "background-color": defaults.theme.colors["greyscale-000"],
   "font-size": defaults.theme.font.sizes.m,
   "font-weight": defaults.theme.font.weights.medium,
   color: defaults.theme.colors["greyscale-900"],
diff --git a/packages/react/src/components/Forms/DatePicker/tokens.ts b/packages/react/src/components/Forms/DatePicker/tokens.ts
index 411a8a6..a8c8f8f 100644
--- a/packages/react/src/components/Forms/DatePicker/tokens.ts
+++ b/packages/react/src/components/Forms/DatePicker/tokens.ts
@@ -18,8 +18,8 @@ export const tokens = (defaults: DefaultTokens) => ({
   "item-background-color--selected": defaults.theme.colors["primary-100"],
   "item-color": defaults.theme.colors["greyscale-800"],
   "item-font-size": defaults.theme.font.sizes.l,
-  "background-color": "white",
-  "menu-background-color": "white",
+  "background-color": defaults.theme.colors["greyscale-000"],
+  "menu-background-color": defaults.theme.colors["greyscale-000"],
   "range-selection-background-color": defaults.theme.colors["primary-100"],
   "range-selection-background-color--disabled":
     defaults.theme.colors["greyscale-100"],
diff --git a/packages/react/src/components/Forms/FileUploader/tokens.ts b/packages/react/src/components/Forms/FileUploader/tokens.ts
index 478ba18..e4b2ece 100644
--- a/packages/react/src/components/Forms/FileUploader/tokens.ts
+++ b/packages/react/src/components/Forms/FileUploader/tokens.ts
@@ -1,7 +1,7 @@
 import { DefaultTokens } from "@openfun/cunningham-tokens";
 
 export const tokens = (defaults: DefaultTokens) => ({
-  "background-color": "white",
+  "background-color": defaults.theme.colors["greyscale-000"],
   "border-color": defaults.theme.colors["greyscale-300"],
   "border-radius": "0.5rem",
   "border-width": "2px",
@@ -18,7 +18,7 @@ export const tokens = (defaults: DefaultTokens) => ({
   "file-border-color": defaults.theme.colors["greyscale-300"],
   "file-border-width": "1px",
   "file-border-radius": "0.5rem",
-  "file-background-color": "white",
+  "file-background-color": defaults.theme.colors["greyscale-000"],
   "file-specs-size": "0.6875rem",
   "file-specs-color": defaults.theme.colors["greyscale-600"],
 });
diff --git a/packages/react/src/components/Forms/Input/tokens.ts b/packages/react/src/components/Forms/Input/tokens.ts
index a1f814f..89008e0 100644
--- a/packages/react/src/components/Forms/Input/tokens.ts
+++ b/packages/react/src/components/Forms/Input/tokens.ts
@@ -12,7 +12,7 @@ export const tokens = (defaults: DefaultTokens) => ({
   "border-color--focus": defaults.theme.colors["primary-600"],
   "border-style": "solid",
   "label-color--focus": defaults.theme.colors["primary-600"],
-  "background-color": "white",
+  "background-color": defaults.theme.colors["greyscale-000"],
   "value-color": defaults.theme.colors["greyscale-900"],
   "value-color--disabled": defaults.theme.colors["greyscale-800"],
 });
diff --git a/packages/react/src/components/Forms/Radio/tokens.ts b/packages/react/src/components/Forms/Radio/tokens.ts
index 31f532b..46ea537 100644
--- a/packages/react/src/components/Forms/Radio/tokens.ts
+++ b/packages/react/src/components/Forms/Radio/tokens.ts
@@ -3,5 +3,5 @@ import { DefaultTokens } from "@openfun/cunningham-tokens";
 export const tokens = (defaults: DefaultTokens) => ({
   "border-color": defaults.theme.colors["greyscale-300"],
   "accent-color": defaults.theme.colors["success-600"],
-  "background-color": "white",
+  "background-color": defaults.theme.colors["greyscale-000"],
 });
diff --git a/packages/react/src/components/Forms/Select/index.scss b/packages/react/src/components/Forms/Select/index.scss
index a2eb0c0..2c57719 100644
--- a/packages/react/src/components/Forms/Select/index.scss
+++ b/packages/react/src/components/Forms/Select/index.scss
@@ -58,6 +58,7 @@
         margin: 0;
         color: var(--c--components--forms-select--color);
         font-size: var(--c--components--forms-select--font-size);
+        background-color: var(--c--components--forms-select--background-color);
       }
     }
 
diff --git a/packages/react/src/components/Forms/Select/tokens.ts b/packages/react/src/components/Forms/Select/tokens.ts
index c2b9246..42bcac5 100644
--- a/packages/react/src/components/Forms/Select/tokens.ts
+++ b/packages/react/src/components/Forms/Select/tokens.ts
@@ -18,8 +18,8 @@ export const tokens = (defaults: DefaultTokens) => ({
   "item-color": defaults.theme.colors["greyscale-800"],
   "item-color--disabled": defaults.theme.colors["greyscale-500"],
   "item-font-size": defaults.theme.font.sizes.l,
-  "background-color": "white",
-  "menu-background-color": "white",
+  "background-color": defaults.theme.colors["greyscale-000"],
+  "menu-background-color": defaults.theme.colors["greyscale-000"],
   "label-color--focus": defaults.theme.colors["primary-600"],
   "multi-pill-background-color": defaults.theme.colors["greyscale-200"],
   "multi-pill-border-radius": "2px",