diff --git a/app/assets/stylesheets/pages/status.scss b/app/assets/stylesheets/pages/status.scss
index 4a284247143..4ed8617b6a3 100644
--- a/app/assets/stylesheets/pages/status.scss
+++ b/app/assets/stylesheets/pages/status.scss
@@ -19,8 +19,7 @@
       overflow: visible;
     }
 
-    &.ci-failed,
-    &.ci-failed_with_warnings {
+    &.ci-failed {
       color: $red-500;
       border-color: $red-500;
 
@@ -39,8 +38,7 @@
       }
     }
 
-    &.ci-success,
-    &.ci-success_with_warnings {
+    &.ci-success {
       color: $green-600;
       border-color: $green-500;
 
@@ -73,7 +71,9 @@
       }
     }
 
-    &.ci-pending {
+    &.ci-pending,
+    &.ci-success_with_warnings,
+    &.ci-failed_with_warnings {
       color: $orange-600;
       border-color: $orange-500;
 
diff --git a/changelogs/unreleased/33132-change-icon-color.yml b/changelogs/unreleased/33132-change-icon-color.yml
new file mode 100644
index 00000000000..c0e148f985b
--- /dev/null
+++ b/changelogs/unreleased/33132-change-icon-color.yml
@@ -0,0 +1,4 @@
+---
+title: Render CI statuses with warnings in orange
+merge_request:
+author: