diff --git a/css/backoffice/components/_alert.scss b/css/backoffice/components/_alert.scss
index 4ea87c7dd..df920ba99 100644
--- a/css/backoffice/components/_alert.scss
+++ b/css/backoffice/components/_alert.scss
@@ -18,6 +18,9 @@ $ibo-alert-colors: (
         'pink': ($ibo-color-pink-200, $ibo-color-pink-700, $ibo-color-pink-900),
         'primary': ($ibo-color-primary-200, $ibo-color-primary-700, $ibo-color-primary-900),
         'secondary': ($ibo-color-secondary-200, $ibo-color-secondary-700, $ibo-color-secondary-900),
+        'success': ($ibo-color-success-200, $ibo-color-success-700, $ibo-color-success-900),
+        'warning': ($ibo-color-warning-200, $ibo-color-warning-700, $ibo-color-warning-900),
+        'danger': ($ibo-color-danger-200, $ibo-color-danger-700, $ibo-color-danger-900),
 ) !default;
 
 @each $sColor, $aColorValues in $ibo-alert-colors{
diff --git a/css/backoffice/components/_panel.scss b/css/backoffice/components/_panel.scss
index 32f8f51de..9388663db 100644
--- a/css/backoffice/components/_panel.scss
+++ b/css/backoffice/components/_panel.scss
@@ -9,6 +9,9 @@ $ibo-panel-colors: (
         'pink': $ibo-color-pink-600,
         'primary': $ibo-color-primary-600,
         'seconday': $ibo-color-secondary-600,
+        'success': $ibo-color-success-600,
+        'warning': $ibo-color-warning-600,
+        'danger': $ibo-color-danger-600,
 ) !default;
 
 $ibo-panel--highlight--width: 100% !default;