diff --git a/components/AppHeader.vue b/components/AppHeader.vue
index 93962cb0..a736816f 100644
--- a/components/AppHeader.vue
+++ b/components/AppHeader.vue
@@ -86,7 +86,7 @@ export default {
 }
 
 #nav-link.router-link-active, #nav-link-contact.router-link-active {
-  border-bottom: 2px solid #FEA55F;
+  border-bottom: 2px solid #FF7F53;
   color: white;
 }
 
diff --git a/components/FormContentCode.vue b/components/FormContentCode.vue
index daaaf9e1..6a954a58 100644
--- a/components/FormContentCode.vue
+++ b/components/FormContentCode.vue
@@ -146,7 +146,7 @@ export default {
 }
 
 .tag-name{
-    color: #5565E8;
+    color: #FF7F53;
 }
 
 .arrow {
diff --git a/components/GithubCorner.vue b/components/GithubCorner.vue
index 8b7ff2d4..316deeac 100644
--- a/components/GithubCorner.vue
+++ b/components/GithubCorner.vue
@@ -30,7 +30,7 @@ export default {
 
  .github-corner {
   fill: #071511;
-  color: #43D9AD;
+  color: #FF7F53;
   position: absolute;
   top: 0;
   border: 0;