diff --git a/app/assets/stylesheets/dsfr-extensions.css b/app/assets/stylesheets/dsfr-extensions.css
index 253d60991..c546f8db5 100644
--- a/app/assets/stylesheets/dsfr-extensions.css
+++ b/app/assets/stylesheets/dsfr-extensions.css
@@ -61,7 +61,6 @@
   background-color: var(--background-action-low-blue-france);
 }
 
-
 /* Badge Icon */
 
 .fr-badge--purple-glycine::before,
@@ -109,4 +108,16 @@
 .fr-badge--sm.fr-badge--secondary::before {
   -webkit-mask-image: url("icons/business/archive-fill.svg");
   mask-image: url("icons/business/archive-fill.svg");
+}
+
+/* Badge color */
+
+fr-badge--grey {
+  background-color: var(--grey-975-75-hover);
+  color: var(--grey-50-1000);
+}
+
+.fr-badge.fr-badge--secondary {
+  background-color: var(--grey-50-1000);
+  color: var(--grey-1000-50);
 }
\ No newline at end of file
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index 3a6ca0562..ac5bb563a 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -29,7 +29,7 @@ def authorization_request_status_badge(authorization_request, no_icon: false, sc
   def authorization_request_status_badge_class(authorization_request)
     case authorization_request.state
     when 'draft'
-      %w[fr-badge--purple-glycine fr-badge--no-icon]
+      %w[fr-badge--grey fr-badge--no-icon]
     when 'changes_requested'
       %w[fr-badge--warning]
     when 'submitted'