diff --git a/docs/coverage-reporter/index.md b/docs/coverage-reporter/index.md
index 8bcebcfc56..b0fb368643 100644
--- a/docs/coverage-reporter/index.md
+++ b/docs/coverage-reporter/index.md
@@ -237,7 +237,7 @@ Follow these instructions to validate that your coverage setup is working correc
 
     If there are commits with a status different from **Processed**, please follow the troubleshooting instructions for the corresponding error status and click the button **Test integration** to display any new coverage reports uploaded to Codacy.
 
-    ### Commit not found {: id="status-commit-not-found" style="color: #EF5454;"}
+    ### Commit not found {: id="status-commit-not-found" style="color: var(--docs-danger);"}
 
     Codacy doesn't have information about the commit associated with the coverage data.
 
@@ -272,7 +272,7 @@ Follow these instructions to validate that your coverage setup is working correc
     </tr>
     </table>
 
-    ### Branch not enabled {: id="status-branch-not-enabled" style="color: #EF5454;"}
+    ### Branch not enabled {: id="status-branch-not-enabled" style="color: var(--docs-danger);"}
 
     The commit associated with the coverage data doesn't belong to any branch that Codacy is analyzing.
 
@@ -307,7 +307,7 @@ Follow these instructions to validate that your coverage setup is working correc
     </tr>
     </table>
 
-    ### Commit not analyzed {: id="status-commit-not-analyzed" style="color: #EF5454;"}
+    ### Commit not analyzed {: id="status-commit-not-analyzed" style="color: var(--docs-danger);"}
 
     Due to technical limitations, Codacy only reports coverage for a commit after successfully completing the static code analysis of that commit.
 
@@ -365,7 +365,7 @@ Follow these instructions to validate that your coverage setup is working correc
     </tr>
     </table>
 
-    ### Final report not sent {: id="status-final-report-not-sent" style="color: #EF5454;"}
+    ### Final report not sent {: id="status-final-report-not-sent" style="color: var(--docs-danger);"}
 
     Codacy is waiting to receive more coverage data before reporting the coverage for a commit.
 
@@ -391,7 +391,7 @@ Follow these instructions to validate that your coverage setup is working correc
     </tr>
     </table>
 
-    ### Pending {: id="status-pending" style="color: #2562EA;"}
+    ### Pending {: id="status-pending" style="color: var(--docs-info);"}
 
     Codacy is waiting to receive valid coverage data for the files in your repository.
 
diff --git a/docs/faq/code-analysis/why-does-codacy-show-unexpected-coverage-changes.md b/docs/faq/code-analysis/why-does-codacy-show-unexpected-coverage-changes.md
index ed3aed2865..bc65dac999 100644
--- a/docs/faq/code-analysis/why-does-codacy-show-unexpected-coverage-changes.md
+++ b/docs/faq/code-analysis/why-does-codacy-show-unexpected-coverage-changes.md
@@ -260,7 +260,7 @@ The table below represents two example coverage reports reflecting a pull reques
   </thead>
   <tbody>
     <tr>
-      <td rowspan="5">ClassA.java</td>
+      <td rowspan="4">ClassA.java</td>
       <td>2</td>
       <td class="border">Yes</td>
       <td>2</td>
@@ -272,17 +272,17 @@ The table below represents two example coverage reports reflecting a pull reques
       <td>4</td>
       <td>Yes</td>
     </tr>
+    <tr>
       <td>5</td>
       <td class="border">Yes</td>
       <td class="background-red"></td>
       <td class="background-red"></td>
-    <tr>
     </tr>
+    <tr>
       <td>6</td>
       <td class="border">Yes</td>
       <td class="background-red"></td>
       <td class="background-red"></td>
-    <tr>
     </tr>
     <tr>
       <td rowspan="3">ClassB.java</td>
@@ -377,7 +377,7 @@ The table below displays the code coverage metrics as calculated by Codacy:
 
 /*Right border*/
 th.border {
-  border-right: 1px solid white;
+  border-right: 1px solid var(--docs-border);
 }
 
 .border {
@@ -386,16 +386,16 @@ th.border {
 
 /*Red background*/
 .background-red {
-  background-color: #ffe6e6;
+  background-color: var(--docs-danger-bg);
 }
 
 /*Green text*/
 .text-green {
-  color: #21c178;
+  color: var(--docs-success);
 }
 
 /*Red text*/
 .text-red {
-  color: #ef5454;
+  color: var(--docs-danger);
 }
 </style>
diff --git a/docs/organizations/roles-and-permissions-for-organizations.md b/docs/organizations/roles-and-permissions-for-organizations.md
index ce8d53c205..73d6736cca 100644
--- a/docs/organizations/roles-and-permissions-for-organizations.md
+++ b/docs/organizations/roles-and-permissions-for-organizations.md
@@ -571,7 +571,7 @@ td:not(:first-child), th:not(:first-child) {
 
 /*Background color for row containing the Codacy permission levels*/
 table:not(data-exclude) tr:nth-child(1) td {
-  background-color: #EBF1FF;
+  background-color: var(--docs-bg-brand);
 }
 
 /*Add vertical borders and disable horizontal borders*/
@@ -585,12 +585,12 @@ td:nth-child(1) {
 
 /*Background for cells marking various operations*/
 .yes {
-  background-color: #E6F4EA;
+  background-color: var(--docs-success-bg);
 }
 .no {
-  background-color: #FFF1EB;
+  background-color: var(--docs-danger-bg);
 }
 .maybe {
-  background-color: #F2F9FC;
+  background-color: var(--docs-info-bg);
 }
 </style>
diff --git a/theme/stylesheets/tokens.css b/theme/stylesheets/tokens.css
index ba7e2db9f5..1c7c776bf9 100644
--- a/theme/stylesheets/tokens.css
+++ b/theme/stylesheets/tokens.css
@@ -11,6 +11,8 @@
   --docs-link-hover: #0048BD;
   --docs-border: #DFE4EC;
   --docs-border-strong: #8AB7FF;
+  --docs-info: #005DF0;
+  --docs-info-bg: #E5EFFF;
   --docs-success: #339950;
   --docs-success-bg: #ECF9EF;
   --docs-warning: #BD7600;
@@ -74,6 +76,8 @@
   --docs-link-hover: #8AB7FF;
   --docs-border: #344056;
   --docs-border-strong: #5784FF;
+  --docs-info: #5784FF;
+  --docs-info-bg: #091E4E;
   --docs-success: #66CC83;
   --docs-success-bg: #12351C;
   --docs-warning: #FFC157;