diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 0cc0446e5..0a22e3c81 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1312,13 +1312,13 @@ div.flash.warning svg.icon-svg, .conflict svg.icon-svg {
 .markdown-alert-important .markdown-alert-title { color: var(--oc-grape-9); }
 .markdown-alert-important .markdown-alert-title svg { stroke: var(--oc-grape-9); }
 
-.markdown-alert-caution { border-color: var(--oc-red-7); }
-.markdown-alert-caution .markdown-alert-title { color: var(--oc-red-9); }
-.markdown-alert-caution .markdown-alert-title svg { stroke: var(--oc-red-9); }
+.markdown-alert-caution { border-color: var(--oc-yellow-7); }
+.markdown-alert-caution .markdown-alert-title { color: var(--oc-yellow-9); }
+.markdown-alert-caution .markdown-alert-title svg { stroke: var(--oc-yellow-9); }
 
-.markdown-alert-warning { border-color: var(--oc-yellow-7); }
-.markdown-alert-warning .markdown-alert-title { color: var(--oc-yellow-9); }
-.markdown-alert-warning .markdown-alert-title svg { stroke: var(--oc-yellow-9); }
+.markdown-alert-warning { border-color: var(--oc-orange-7); }
+.markdown-alert-warning .markdown-alert-title { color: var(--oc-orange-9); }
+.markdown-alert-warning .markdown-alert-title svg { stroke: var(--oc-orange-9); }
 
 /* Indigo is used instead of blue to avoid confusion with links */
 .markdown-alert-note { border-color: var(--oc-indigo-7); }
diff --git a/app/assets/stylesheets/wiki_syntax_detailed.css b/app/assets/stylesheets/wiki_syntax_detailed.css
index e29c47574..a947f4884 100644
--- a/app/assets/stylesheets/wiki_syntax_detailed.css
+++ b/app/assets/stylesheets/wiki_syntax_detailed.css
@@ -80,9 +80,9 @@ table.list td { background-color: var(--oc-gray-0); vertical-align: middle; padd
 .markdown-alert-tip .markdown-alert-title { color: var(--oc-green-9); }
 .markdown-alert-important { border-color: var(--oc-grape-7); }
 .markdown-alert-important .markdown-alert-title { color: var(--oc-grape-9); }
-.markdown-alert-caution { border-color: var(--oc-red-7); }
-.markdown-alert-caution .markdown-alert-title { color: var(--oc-red-9); }
-.markdown-alert-warning { border-color: var(--oc-yellow-7); }
-.markdown-alert-warning .markdown-alert-title { color: var(--oc-yellow-9); }
+.markdown-alert-caution { border-color: var(--oc-yellow-7); }
+.markdown-alert-caution .markdown-alert-title { color: var(--oc-yellow-9); }
+.markdown-alert-warning { border-color: var(--oc-orange-7); }
+.markdown-alert-warning .markdown-alert-title { color: var(--oc-orange-9); }
 .markdown-alert-note { border-color: var(--oc-indigo-7); }
 .markdown-alert-note .markdown-alert-title { color: var(--oc-indigo-9); }