diff --git a/src/setup/js/color.js b/src/setup/js/color.js
index 8c0af74e..b5c08f19 100644
--- a/src/setup/js/color.js
+++ b/src/setup/js/color.js
@@ -26,5 +26,7 @@ module.exports = {
     { name: '$color-status--success', value: ['#2fa61c'] },
     { name: '$color-status--info', value: ['#e2951f'] },
     { name: '$color-status--error', value: ['#b50f0f'] },
+    { name: '$color-status--danger', value: ['#FF9600'] },
   ],
+
 };
diff --git a/src/setup/scss/themes/theme-01.scss b/src/setup/scss/themes/theme-01.scss
index aaa14c4d..98184ee4 100644
--- a/src/setup/scss/themes/theme-01.scss
+++ b/src/setup/scss/themes/theme-01.scss
@@ -18,6 +18,7 @@ $theme-01: (
   color-status-success: #2fa61c,
   color-status-info: #e2951f,
   color-status-error: #b50f0f,
+  color-status-danger: #ff9600
 );
 
 :root {
diff --git a/src/setup/scss/themes/theme-02.scss b/src/setup/scss/themes/theme-02.scss
index 1dd30e6e..3436ea53 100644
--- a/src/setup/scss/themes/theme-02.scss
+++ b/src/setup/scss/themes/theme-02.scss
@@ -18,6 +18,7 @@ $theme-02: (
   color-status-success: #2fa61c,
   color-status-info: #e2951f,
   color-status-error: #b50f0f,
+  color-status-danger: #ff9600
 );
 
 :root {
diff --git a/src/setup/scss/variables/_color.scss b/src/setup/scss/variables/_color.scss
index 69dc2f5f..9a0f8664 100644
--- a/src/setup/scss/variables/_color.scss
+++ b/src/setup/scss/variables/_color.scss
@@ -43,3 +43,5 @@ $color-status--error: var(--theme-color-status-error);
 $color-status--error--rgb: var(--theme-color-status-error--rgb);
 $color-status--info: var(--theme-color-status-info);
 $color-status--info--rgb: var(--theme-color-status-info--rgb);
+$color-status--danger: var(--theme-color-status-danger);
+$color-status--danger--rgb: var(--theme-color-status-danger--rgb);