diff --git a/.changeset/gorgeous-sloths-compete.md b/.changeset/gorgeous-sloths-compete.md
new file mode 100644
index 0000000..e93017c
--- /dev/null
+++ b/.changeset/gorgeous-sloths-compete.md
@@ -0,0 +1,5 @@
+---
+"@openfun/cunningham-react": patch
+---
+
+use info design tokens
diff --git a/packages/react/src/components/Alert/_index.scss b/packages/react/src/components/Alert/_index.scss
index 35ba9b5..e30a39e 100644
--- a/packages/react/src/components/Alert/_index.scss
+++ b/packages/react/src/components/Alert/_index.scss
@@ -65,11 +65,11 @@
   }
 
   &--info {
-    border-color: var(--c--theme--colors--primary-300);
-    border-left-color: var(--c--theme--colors--primary-600);
+    border-color: var(--c--theme--colors--info-300);
+    border-left-color: var(--c--theme--colors--info-600);
 
     .c__alert__icon {
-      color: var(--c--theme--colors--primary-600);
+      color: var(--c--theme--colors--info-600);
     }
   }
 
diff --git a/packages/react/src/components/Toast/index.scss b/packages/react/src/components/Toast/index.scss
index fe64bf2..24fe7c1 100644
--- a/packages/react/src/components/Toast/index.scss
+++ b/packages/react/src/components/Toast/index.scss
@@ -79,11 +79,11 @@
 
   &--info {
     .c__progress-bar {
-      --c--progress--color: var(--c--theme--colors--primary-500);
+      --c--progress--color: var(--c--theme--colors--info-500);
     }
 
     .c__toast__icon {
-      color: var(--c--theme--colors--primary-600);
+      color: var(--c--theme--colors--info-600);
     }
   }