diff --git a/frontend/src/components/popover/list-tag-popover.css b/frontend/src/components/popover/list-tag-popover.css
index 0ef871a2ed..8f6b5910bb 100644
--- a/frontend/src/components/popover/list-tag-popover.css
+++ b/frontend/src/components/popover/list-tag-popover.css
@@ -17,7 +17,7 @@
 }
 
 .list-tag-popover .tag-list-footer .item-text {
-  color: #ff8000;
+  color: #ff9800;
   cursor: pointer;
 }
 
diff --git a/frontend/src/css/file-chooser.css b/frontend/src/css/file-chooser.css
index 43f92293a8..f26677a3c6 100644
--- a/frontend/src/css/file-chooser.css
+++ b/frontend/src/css/file-chooser.css
@@ -22,7 +22,7 @@
   left: -8px;
   width: 4px;
   height: 24px;
-  background-color: #ff8000;
+  background-color: #ff9800;
   border-radius: 2px;
   display: block;
   z-index: 10;
diff --git a/frontend/src/css/lib-content-view.css b/frontend/src/css/lib-content-view.css
index c889193c30..79a0b55e36 100644
--- a/frontend/src/css/lib-content-view.css
+++ b/frontend/src/css/lib-content-view.css
@@ -168,7 +168,7 @@
   height: 24px;
   left: -8px;
   top: 2px;
-  background-color: #FF8000;
+  background-color: #ff9800;
   border-radius: 2px;
   z-index: 0;
 }
@@ -416,7 +416,7 @@
   left: -8px;
   width: 4px;
   height: 24px;
-  background-color: #ff8000;
+  background-color: #ff9800;
   border-radius: 2px;
   z-index: 0;
 }
diff --git a/frontend/src/css/lib-settings.css b/frontend/src/css/lib-settings.css
index 11b8036cd6..acdf6729f3 100644
--- a/frontend/src/css/lib-settings.css
+++ b/frontend/src/css/lib-settings.css
@@ -38,7 +38,7 @@
   display: block;
   width: 4px;
   height: 24px;
-  background-color: #ff8000;
+  background-color: #ff9800;
   border-radius: 2px;
   position: absolute;
   top: 4px;
diff --git a/frontend/src/css/transfer-dialog.css b/frontend/src/css/transfer-dialog.css
index 802ece42e8..c834e07a96 100644
--- a/frontend/src/css/transfer-dialog.css
+++ b/frontend/src/css/transfer-dialog.css
@@ -87,6 +87,6 @@
   height: 28px;
   left: -4px;
   top: 3px;
-  background-color: #FF8000;
+  background-color: #ff9800;
   border-radius: 2px;
 }
diff --git a/frontend/src/metadata/components/popover/options-popover/options-footer.css b/frontend/src/metadata/components/popover/options-popover/options-footer.css
index 3c78938dd8..723577feee 100644
--- a/frontend/src/metadata/components/popover/options-popover/options-footer.css
+++ b/frontend/src/metadata/components/popover/options-popover/options-footer.css
@@ -13,7 +13,7 @@
 }
 
 .option-editor-footer .item-text {
-  color: #ff8000;
+  color: #ff9800;
   cursor: pointer;
 }
 
diff --git a/frontend/src/metadata/constants/column/format.js b/frontend/src/metadata/constants/column/format.js
index c0bdb9a26c..19df723377 100644
--- a/frontend/src/metadata/constants/column/format.js
+++ b/frontend/src/metadata/constants/column/format.js
@@ -91,7 +91,7 @@ const GEOLOCATION_FORMAT = {
 // rate
 const DEFAULT_RATE_DATA = {
   max: 5,
-  color: '#FF8000',
+  color: '#ff9800',
   type: 'rate'
 };
 
diff --git a/frontend/src/metadata/constants/column/rate.js b/frontend/src/metadata/constants/column/rate.js
index d233c826e4..595005ccb5 100644
--- a/frontend/src/metadata/constants/column/rate.js
+++ b/frontend/src/metadata/constants/column/rate.js
@@ -1,5 +1,5 @@
 export const RATE_COLORS = [
-  '#FF8000',
+  '#ff9800',
   '#FFB600',
   '#E91E63',
   '#EB00B1',
diff --git a/frontend/src/metadata/views/gallery/index.css b/frontend/src/metadata/views/gallery/index.css
index abefa0b190..f7b18418ab 100644
--- a/frontend/src/metadata/views/gallery/index.css
+++ b/frontend/src/metadata/views/gallery/index.css
@@ -53,7 +53,7 @@
 }
 
 .metadata-gallery-image-item-selected {
-  border: 2px solid #ff8000;
+  border: 2px solid #ff9800;
 }
 
 .metadata-gallery-grid-image {
diff --git a/frontend/src/metadata/views/kanban/boards/board/card/index.css b/frontend/src/metadata/views/kanban/boards/board/card/index.css
index 40f8794a16..70c8c7bfe2 100644
--- a/frontend/src/metadata/views/kanban/boards/board/card/index.css
+++ b/frontend/src/metadata/views/kanban/boards/board/card/index.css
@@ -13,7 +13,7 @@
 }
 
 .sf-metadata-kanban-card.selected {
-  border-color: #FF8000;
+  border-color: #ff9800;
 }
 
 .sf-metadata-kanban-card:hover {
diff --git a/frontend/src/pages/sdoc/sdoc-file-history/index.css b/frontend/src/pages/sdoc/sdoc-file-history/index.css
index ffb07b6a42..65c010f594 100644
--- a/frontend/src/pages/sdoc/sdoc-file-history/index.css
+++ b/frontend/src/pages/sdoc/sdoc-file-history/index.css
@@ -229,7 +229,7 @@
 }
 
 .sdoc-file-history-versions .history-list-item.item-active .history-info .name {
-  color: #ff8000;
+  color: #ff9800;
 }
 
 /* mobile options modal */
@@ -265,7 +265,7 @@
 }
 
 .sdoc-file-history-versions .history-list-item.item-active .history-info .time {
-  color: #ff8000;
+  color: #ff9800;
 }
 
 .history-info .owner {
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index e3c726fe9b..c99d96c6d4 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -1470,7 +1470,7 @@ a.table-sort-op:hover {
   height: 30px;
   left: -8px;
   top: 4px;
-  background-color: #FF8000;
+  background-color: #ff9800;
   border-radius: 2px;
   z-index: 2;
 }