diff --git a/package-lock.json b/package-lock.json
index b086bb48..693125cc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7524,7 +7524,7 @@
     },
     "node_modules/data-model-navigator": {
       "version": "1.1.22",
-      "resolved": "git+ssh://git@github.com/CBIIT/Data-Model-Navigator.git#dc420048dd14abdd386b423e6d5e4ae95bc4fd84",
+      "resolved": "git+ssh://git@github.com/CBIIT/Data-Model-Navigator.git#ea5a199071066c26f248f630e4225698bcd9619d",
       "license": "ISC",
       "dependencies": {
         "@material-ui/core": "^4.12.4",
diff --git a/src/App.tsx b/src/App.tsx
index fae84fff..75095f18 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,13 +6,6 @@ import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import routeConfig from "./router";
 import StyledNotistackAlerts from './components/StyledNotistackAlerts';
 
-declare module '@mui/material/styles' {
-  interface PaletteOptions {
-    Rejected: PaletteOptions['primary'];
-    Approved: PaletteOptions['primary'] & PaletteOptions['secondary'];
-  }
-}
-
 const theme = createTheme({
   typography: {
     fontFamily: "'Nunito', sans-serif",
@@ -26,17 +19,6 @@ const theme = createTheme({
       xl: 1440,
     }
   },
-  palette: {
-    Rejected: {
-      main: "#E25C22",
-      contrastText: "#FFDBCB",
-    },
-    Approved: {
-      main: "#0B7F99",
-      contrastText: "#CDEAF0",
-      light: "#10EBA9",
-    }
-  },
 });
 
 const router = createBrowserRouter(routeConfig);
diff --git a/src/components/Carousel/index.tsx b/src/components/Carousel/index.tsx
index d7ba788b..e25fe46b 100644
--- a/src/components/Carousel/index.tsx
+++ b/src/components/Carousel/index.tsx
@@ -51,6 +51,11 @@ const StyledWrapper = styled('div')({
   },
 });
 
+const removeAriaHidden = () => {
+  const elements = document.querySelectorAll(".react-multi-carousel-item");
+  elements.forEach((e) => e.removeAttribute("aria-hidden"));
+};
+
 /**
  * Provides a general carousel component for displaying multiple items
  * at the same time.
@@ -68,6 +73,7 @@ const ContentCarousel: FC<Props> = ({ children, ...props }: Props) => (
       centerMode
       arrows
       focusOnSelect
+      afterChange={removeAriaHidden}
       {...props}
     >
       {children}
diff --git a/src/components/DataSubmissions/DataSubmissionSummary.tsx b/src/components/DataSubmissions/DataSubmissionSummary.tsx
index d728f500..27bfb5e2 100644
--- a/src/components/DataSubmissions/DataSubmissionSummary.tsx
+++ b/src/components/DataSubmissions/DataSubmissionSummary.tsx
@@ -22,7 +22,7 @@ const StyledSummaryWrapper = styled("div")(() => ({
 }));
 
 const StyledSubmissionTitle = styled(Typography)(() => ({
-  color: "#1D91AB",
+  color: "#187A90",
   fontFamily: "'Nunito Sans', 'Rubik', sans-serif",
   fontSize: "13px",
   fontStyle: "normal",
diff --git a/src/components/DataSubmissions/GenericTable.tsx b/src/components/DataSubmissions/GenericTable.tsx
index 5636394b..3508f8ed 100644
--- a/src/components/DataSubmissions/GenericTable.tsx
+++ b/src/components/DataSubmissions/GenericTable.tsx
@@ -38,7 +38,7 @@ const StyledTableContainer = styled(TableContainer)({
 });
 
 const StyledTableHead = styled(TableHead)({
-  background: "#5C8FA7",
+  background: "#4D7C8F",
 });
 
 const StyledTableRow = styled(TableRow)({
@@ -302,7 +302,7 @@ const GenericTable = <T,>({
                   variant="h6"
                   align="center"
                   fontSize={18}
-                  color="#AAA"
+                  color="#757575"
                 >
                   {noContentText || "No existing data was found"}
                 </Typography>
diff --git a/src/components/DataSubmissions/RadioInput.tsx b/src/components/DataSubmissions/RadioInput.tsx
index 80b8dcaa..fbb46a9e 100644
--- a/src/components/DataSubmissions/RadioInput.tsx
+++ b/src/components/DataSubmissions/RadioInput.tsx
@@ -56,7 +56,7 @@ const StyledFormLabel = styled("label")(() => ({
 
 const StyledAsterisk = styled("span")(() => ({
   marginRight: "2px",
-  color: "#D54309",
+  color: "#C93F08",
 }));
 
 const StyledFormControlLabel = styled(FormControlLabel)(() => ({
diff --git a/src/components/DataSubmissions/ValidationStatistics.tsx b/src/components/DataSubmissions/ValidationStatistics.tsx
index 9da53b8e..b6088b9a 100644
--- a/src/components/DataSubmissions/ValidationStatistics.tsx
+++ b/src/components/DataSubmissions/ValidationStatistics.tsx
@@ -82,7 +82,7 @@ const StyledPrimaryTitle = styled(Typography)({
   fontSize: "13px",
   fontWeight: 600,
   textTransform: "uppercase",
-  color: "#1D91AB",
+  color: "#187A90",
 });
 
 const StyledSecondaryStack = styled(Stack)({
@@ -96,7 +96,7 @@ const StyledSecondaryTitle = styled(Typography)({
   fontSize: "13px",
   fontWeight: 600,
   textTransform: "uppercase",
-  color: "#1D91AB",
+  color: "#187A90",
 });
 
 const defaultFilters: LegendFilter[] = [
diff --git a/src/components/NodeChart/index.test.tsx b/src/components/NodeChart/index.test.tsx
new file mode 100644
index 00000000..ada9e60b
--- /dev/null
+++ b/src/components/NodeChart/index.test.tsx
@@ -0,0 +1,18 @@
+import 'jest-axe/extend-expect';
+
+import { axe } from 'jest-axe';
+import { render } from '@testing-library/react';
+import NodeChart from './index';
+
+it('should not have any accessibility violations', async () => {
+  const data = [
+    { label: 'Test1', value: 50, color: '#000000' },
+    { label: 'Test2', value: 25, color: '#ffffff' },
+    { label: 'Test3', value: 25, color: '#3b3b3b' },
+  ];
+  const { container } = render(<NodeChart label="Test Chart" centerCount={3} data={data} />);
+
+  const results = await axe(container);
+
+  expect(results).toHaveNoViolations();
+});
diff --git a/src/components/NodeChart/index.tsx b/src/components/NodeChart/index.tsx
index eccb34f6..c3d06284 100644
--- a/src/components/NodeChart/index.tsx
+++ b/src/components/NodeChart/index.tsx
@@ -72,6 +72,7 @@ const NodeChart: FC<Props> = ({ label, centerCount, data }: Props) => {
           innerRadius={40}
           fill="#f2f2f2"
           isAnimationActive={false}
+          aria-label={`${label} chart background`}
         >
           {(dataset.length === 0 && hoveredSlice === null) && <Label position="center" content={(<PieChartCenter title="Total" value={0} />)} />}
         </Pie>
@@ -85,6 +86,7 @@ const NodeChart: FC<Props> = ({ label, centerCount, data }: Props) => {
           innerRadius={40}
           onMouseOver={onMouseOver}
           onMouseLeave={onMouseLeave}
+          aria-label={`${label} chart`}
         >
           {dataset.map(({ label, color }) => (<Cell key={label} fill={color} />))}
           <Label
diff --git a/src/components/NodeTotalChart/index.tsx b/src/components/NodeTotalChart/index.tsx
index f1020521..488716b8 100644
--- a/src/components/NodeTotalChart/index.tsx
+++ b/src/components/NodeTotalChart/index.tsx
@@ -52,6 +52,7 @@ const NodeTotalChart: FC<Props> = ({ data }) => {
           outerRadius={391 / 2}
           fill="#f2f2f2"
           isAnimationActive={false}
+          aria-label="Node Total background"
         >
           {(dataset.length === 0 && activeIndex === null) && <Label position="center" content={(<PieChartCenter title="Total" value={0} />)} />}
         </Pie>
@@ -67,6 +68,7 @@ const NodeTotalChart: FC<Props> = ({ data }) => {
           onMouseLeave={onMouseLeave}
           activeShape={ActiveArc}
           activeIndex={activeIndex}
+          aria-label="Node Total chart"
         >
           {dataset.map(({ label, color }) => (<Cell key={label} fill={color} />))}
           <Label
diff --git a/src/components/Questionnaire/AutocompleteInput.tsx b/src/components/Questionnaire/AutocompleteInput.tsx
index deaee21d..4c95465c 100644
--- a/src/components/Questionnaire/AutocompleteInput.tsx
+++ b/src/components/Questionnaire/AutocompleteInput.tsx
@@ -92,7 +92,7 @@ const StyledFormLabel = styled("label")(() => ({
 }));
 
 const StyledAsterisk = styled("span")(() => ({
-  color: "#D54309",
+  color: "#C93F08",
   marginLeft: "2px",
 }));
 
diff --git a/src/components/Questionnaire/CheckboxInput.tsx b/src/components/Questionnaire/CheckboxInput.tsx
index 99e1dad9..ee6c1084 100644
--- a/src/components/Questionnaire/CheckboxInput.tsx
+++ b/src/components/Questionnaire/CheckboxInput.tsx
@@ -37,7 +37,7 @@ const StyledFormControl = styled(FormControl)(() => ({
 }));
 
 const StyledAsterisk = styled("span")(() => ({
-  color: "#D54309",
+  color: "#C93F08",
   marginLeft: "2px",
 }));
 
diff --git a/src/components/Questionnaire/DatePickerInput.tsx b/src/components/Questionnaire/DatePickerInput.tsx
index cd3770c9..a619daaf 100644
--- a/src/components/Questionnaire/DatePickerInput.tsx
+++ b/src/components/Questionnaire/DatePickerInput.tsx
@@ -41,7 +41,7 @@ const StyledFormControl = styled(FormControl)(() => ({
 }));
 
 const StyledAsterisk = styled("span")(() => ({
-  color: "#D54309",
+  color: "#C93F08",
   marginLeft: "2px",
 }));
 
diff --git a/src/components/Questionnaire/FormGroupCheckbox.tsx b/src/components/Questionnaire/FormGroupCheckbox.tsx
index 9703d02e..6f5eae5b 100644
--- a/src/components/Questionnaire/FormGroupCheckbox.tsx
+++ b/src/components/Questionnaire/FormGroupCheckbox.tsx
@@ -23,7 +23,7 @@ const StyledFormLabel = styled("label")(({ theme }) => ({
 }));
 
 const StyledAsterisk = styled("span")(() => ({
-  color: "#D54309",
+  color: "#C93F08",
   marginLeft: "2px",
 }));
 
diff --git a/src/components/Questionnaire/RadioYesNoInput.tsx b/src/components/Questionnaire/RadioYesNoInput.tsx
index 6332484b..0a6298a9 100644
--- a/src/components/Questionnaire/RadioYesNoInput.tsx
+++ b/src/components/Questionnaire/RadioYesNoInput.tsx
@@ -55,7 +55,7 @@ const StyledFormLabel = styled("label")(() => ({
 
 const StyledAsterisk = styled("span")(() => ({
   marginLeft: "2px",
-  color: "#D54309",
+  color: "#C93F08",
 }));
 
 type Props = {
diff --git a/src/components/Questionnaire/SectionGroup.tsx b/src/components/Questionnaire/SectionGroup.tsx
index a19afb54..78b0a670 100644
--- a/src/components/Questionnaire/SectionGroup.tsx
+++ b/src/components/Questionnaire/SectionGroup.tsx
@@ -57,11 +57,11 @@ const StyledBeginAdornment = styled(Box)({
 });
 
 const StyledAsterisk = styled('span')({
-    color: "#D54309",
+    color: "#C93F08",
     marginLeft: "2px",
 });
 const StyledError = styled('div')({
-  color: "#D54309",
+  color: "#C93F08",
   textTransform: "none",
   fontFamily: 'Nunito',
   fontWeight: '400',
diff --git a/src/components/Questionnaire/SelectInput.tsx b/src/components/Questionnaire/SelectInput.tsx
index 95f059ce..fba273a0 100644
--- a/src/components/Questionnaire/SelectInput.tsx
+++ b/src/components/Questionnaire/SelectInput.tsx
@@ -46,7 +46,7 @@ const GridItem = styled(Grid)(() => ({
 }));
 
 const StyledAsterisk = styled("span")(() => ({
-  color: "#D54309",
+  color: "#C93F08",
   marginLeft: "2px",
 }));
 
diff --git a/src/components/Questionnaire/SwitchInput.tsx b/src/components/Questionnaire/SwitchInput.tsx
index 0ce62819..e618e513 100644
--- a/src/components/Questionnaire/SwitchInput.tsx
+++ b/src/components/Questionnaire/SwitchInput.tsx
@@ -59,7 +59,7 @@ const GridStyled = styled(Grid)({
     fontWeight: 600,
     fontSize: "16px",
     lineHeight: "22px",
-    color: "#89A2A7",
+    color: "#5D7B7E",
     marginLeft: "6px",
     marginRight: "6px",
   },
@@ -78,7 +78,7 @@ const GridStyled = styled(Grid)({
     display: "none",
   },
   "& .asterisk": {
-    color: "#D54309",
+    color: "#C93F08",
     marginLeft: "2px",
   },
   "& .labelContainer": {
diff --git a/src/components/Questionnaire/TableFileTypeAndExtensionInput.tsx b/src/components/Questionnaire/TableFileTypeAndExtensionInput.tsx
index dfd692cb..a97202d6 100644
--- a/src/components/Questionnaire/TableFileTypeAndExtensionInput.tsx
+++ b/src/components/Questionnaire/TableFileTypeAndExtensionInput.tsx
@@ -38,7 +38,7 @@ const StyledTooltip = styled((props: TooltipProps) => (
 ))(() => ({
   "& .MuiTooltip-tooltip": {
     marginTop: "4px !important",
-    color: "#D54309",
+    color: "#C93F08",
     background: "#FFFFFF",
     border: "1px solid #2B528B",
   },
diff --git a/src/components/Questionnaire/TableTextInput.tsx b/src/components/Questionnaire/TableTextInput.tsx
index ec44d287..878a5879 100644
--- a/src/components/Questionnaire/TableTextInput.tsx
+++ b/src/components/Questionnaire/TableTextInput.tsx
@@ -22,7 +22,7 @@ const StyledTooltip = styled((props: TooltipProps) => (
   <Tooltip classes={{ popper: props.className }} {...props} />
 ))(() => ({
   "& .MuiTooltip-tooltip": {
-    color: "#D54309",
+    color: "#C93F08",
     background: "#FFFFFF",
     border: "1px solid #2B528B",
   },
diff --git a/src/components/Questionnaire/TextInput.tsx b/src/components/Questionnaire/TextInput.tsx
index 42c062a2..a5106cea 100644
--- a/src/components/Questionnaire/TextInput.tsx
+++ b/src/components/Questionnaire/TextInput.tsx
@@ -38,7 +38,7 @@ const StyledLabel = styled("label")(() => ({
 }));
 
 const StyledAsterisk = styled("span")(() => ({
-  color: "#D54309",
+  color: "#C93F08",
   marginLeft: "2px",
 }));
 
diff --git a/src/components/Shared/HistoryDialog.tsx b/src/components/Shared/HistoryDialog.tsx
index cb407832..2aaa5778 100644
--- a/src/components/Shared/HistoryDialog.tsx
+++ b/src/components/Shared/HistoryDialog.tsx
@@ -36,7 +36,7 @@ const StyledDialogTitle = styled(DialogTitle)({
 });
 
 const StyledPreTitle = styled("p")({
-  color: "#98A7C6",
+  color: "#D5DAE7",
   fontSize: "13px",
   fontFamily: "Nunito Sans",
   lineHeight: "27px",
diff --git a/src/components/StatusBar/StatusBar.test.tsx b/src/components/StatusBar/StatusBar.test.tsx
index 3894a1cd..1be56c99 100644
--- a/src/components/StatusBar/StatusBar.test.tsx
+++ b/src/components/StatusBar/StatusBar.test.tsx
@@ -94,7 +94,7 @@ describe("StatusBar > General Tests", () => {
   });
 
   // NOTE: We aren't using the root level reviewComment attribute, only the history level ones
-  // So we're testing against it's usage here
+  // So we're testing AGAINST it's usage here
   it("does not render the comments button for the Application.reviewComment attribute", () => {
     const data = {
       reviewComment: "This is a review comment",
diff --git a/src/components/StatusBar/components/HistorySection.tsx b/src/components/StatusBar/components/HistorySection.tsx
index 3c5d4519..14e8c63a 100644
--- a/src/components/StatusBar/components/HistorySection.tsx
+++ b/src/components/StatusBar/components/HistorySection.tsx
@@ -1,4 +1,4 @@
-import { FC, useMemo, useState } from "react";
+import { CSSProperties, FC, useMemo, useState } from "react";
 import {
   Avatar,
   Button,
@@ -21,6 +21,23 @@ import { useFormContext } from "../../Contexts/FormContext";
 import { HistoryIconMap } from "../../../assets/history/submissionRequest";
 import { FormatDate, SortHistory } from "../../../utils";
 
+/**
+ * Determines the text color for a History event based
+ *
+ * @param status The current Questionnaire's status
+ * @returns Color scheme to match the status
+ */
+const getStatusColor = (status: ApplicationStatus): CSSProperties["color"] => {
+  switch (status) {
+    case "Approved":
+      return "#10EBA9";
+    case "Rejected":
+      return "#E25C22";
+    default:
+      return "#fff";
+  }
+};
+
 const StyledDate = styled("span")({
   fontWeight: "600",
   fontSize: "16px",
@@ -59,7 +76,7 @@ const StyledDialogTitle = styled(DialogTitle)({
 });
 
 const StyledPreTitle = styled("p")({
-  color: "#98A7C6",
+  color: "#D5DAE7",
   fontSize: "13px",
   fontFamily: "Nunito Sans",
   lineHeight: "27px",
@@ -168,17 +185,12 @@ const StyledTimelineContent = styled(TimelineContent)({
   color: "#fff",
 });
 
-const StyledTypography = styled(Typography)<{ status?: ApplicationStatus }>(
-  ({ theme, status }) => ({
-    lineHeight: "2.5",
-    minWidth: "100px",
-    textAlign: "left",
-    color:
-      (status
-        ? theme.palette?.[status]?.light || theme.palette?.[status]?.main
-        : "#fff") || "#fff",
-  })
-);
+const StyledTypography = styled(Typography)<{ status?: ApplicationStatus }>(({ status }) => ({
+  lineHeight: "2.5",
+  minWidth: "100px",
+  textAlign: "left",
+  color: getStatusColor(status),
+}));
 
 const StyledAvatar = styled(Avatar)({
   background: "transparent",
diff --git a/src/components/StatusBar/components/StatusSection.tsx b/src/components/StatusBar/components/StatusSection.tsx
index 65c205f5..d8a5e2c1 100644
--- a/src/components/StatusBar/components/StatusSection.tsx
+++ b/src/components/StatusBar/components/StatusSection.tsx
@@ -1,4 +1,4 @@
-import { FC, useState } from "react";
+import { CSSProperties, FC, useState } from "react";
 import {
   Avatar,
   Button,
@@ -12,6 +12,32 @@ import { useFormContext } from "../../Contexts/FormContext";
 import { StatusIconMap } from "../../../assets/history/submissionRequest";
 import { FormatDate, SortHistory } from "../../../utils";
 
+/**
+ * Returns the styling for a component based on the Questionnaire Status
+ *
+ * @param status The current Questionnaire's status
+ * @returns Color scheme to match the status
+ */
+const getColorScheme = (status: ApplicationStatus): CSSProperties => {
+  switch (status) {
+    case "Approved":
+      return {
+        color: "#0D6E87 !important",
+        background: "#CDEAF0 !important",
+      };
+    case "Rejected":
+      return {
+        color: "#E25C22 !important",
+        background: "#FFDBCB !important",
+      };
+    default:
+      return {
+        color: "#2E5481 !important",
+        background: "#C0DAF3 !important",
+      };
+  }
+};
+
 const StyledAvatar = styled(Avatar)({
   background: "transparent",
   marginRight: "8px",
@@ -20,48 +46,38 @@ const StyledAvatar = styled(Avatar)({
   height: "39px",
 });
 
-const StyledStatus = styled("span")<{ status: ApplicationStatus, leftGap: boolean }>(
-  ({ theme, status, leftGap }) => ({
-    fontWeight: "600",
-    fontSize: "16px",
-    fontFamily: "Public Sans",
-    textTransform: "uppercase",
-    marginLeft: !leftGap ? "6px !important" : null,
-    marginRight: "10px !important",
-    letterSpacing: "0.32px",
-    color: theme.palette?.[status]?.main || "#2E5481",
-  })
-);
-
-const StyledButton = styled(Button)<{ status: ApplicationStatus }>(
-  ({ theme, status }) => ({
-    color: theme.palette?.[status]?.main || "#2E5481",
-    background: theme.palette?.[status]?.contrastText || "#C0DAF3",
-    fontWeight: "700",
+const StyledStatus = styled("span")<{ status: ApplicationStatus, leftGap: boolean }>(({ status, leftGap }) => ({
+  fontWeight: "600",
+  fontSize: "16px",
+  fontFamily: "Public Sans",
+  textTransform: "uppercase",
+  marginLeft: !leftGap ? "6px !important" : null,
+  marginRight: "10px !important",
+  letterSpacing: "0.32px",
+  color: getColorScheme(status).color
+}));
+
+const StyledButton = styled(Button)<{ status: ApplicationStatus }>(({ status }) => ({
+  ...getColorScheme(status),
+  fontWeight: "700",
+  borderRadius: "8px",
+  textTransform: "none",
+  width: "165px",
+  lineHeight: "19px",
+  padding: "10px 20px 10px 20px",
+}));
+
+const StyledDialog = styled(Dialog)<{ status: ApplicationStatus }>(({ status }) => ({
+  "& .MuiDialog-paper": {
     borderRadius: "8px",
-    textTransform: "none",
-    width: "165px",
-    lineHeight: "19px",
-    padding: "10px 20px 10px 20px",
-    "&:hover": {
-      background: theme.palette?.[status]?.contrastText || "#C0DAF3",
-    },
-  })
-);
-
-const StyledDialog = styled(Dialog)<{ status: ApplicationStatus }>(
-  ({ theme, status }) => ({
-    "& .MuiDialog-paper": {
-      borderRadius: "8px",
-      border: "2px solid",
-      borderColor: theme.palette?.[status]?.main || "#C0DAF3",
-      background: "linear-gradient(0deg, #F2F6FA 0%, #F2F6FA 100%), #2E4D7B",
-      boxShadow: "0px 4px 45px 0px rgba(0, 0, 0, 0.40)",
-      padding: "28px 24px",
-      width: "730px",
-    },
-  })
-);
+    border: "2px solid",
+    borderColor: getColorScheme(status).color,
+    background: "linear-gradient(0deg, #F2F6FA 0%, #F2F6FA 100%), #2E4D7B",
+    boxShadow: "0px 4px 45px 0px rgba(0, 0, 0, 0.40)",
+    padding: "28px 24px",
+    width: "730px",
+  },
+}));
 
 const StyledDialogTitle = styled(DialogTitle)({
   paddingBottom: "0",
@@ -77,16 +93,14 @@ const StyledPreTitle = styled("p")({
   margin: "0",
 });
 
-const StyledTitle = styled("p")<{ status: ApplicationStatus }>(
-  ({ theme, status }) => ({
-    color: theme.palette?.[status]?.main || "#2E5481",
-    fontSize: "35px",
-    fontFamily: "Nunito Sans",
-    fontWeight: "900",
-    lineHeight: "30px",
-    margin: "0",
-  })
-);
+const StyledTitle = styled("p")<{ status: ApplicationStatus }>(({ status }) => ({
+  color: getColorScheme(status).color,
+  fontSize: "35px",
+  fontFamily: "Nunito Sans",
+  fontWeight: "900",
+  lineHeight: "30px",
+  margin: "0",
+}));
 
 const StyledDialogContent = styled(DialogContent)({
   marginBottom: "22px",
diff --git a/src/content/dataSubmissions/DataSubmission.tsx b/src/content/dataSubmissions/DataSubmission.tsx
index b770cdd5..eb97ab96 100644
--- a/src/content/dataSubmissions/DataSubmission.tsx
+++ b/src/content/dataSubmissions/DataSubmission.tsx
@@ -208,7 +208,7 @@ const StyledCopyIDButton = styled(IconButton)(() => ({
 }));
 
 const StyledErrorDetailsButton = styled(Button)(() => ({
-  color: "#0D78C5",
+  color: "#0B6CB1",
   fontFamily: "Inter",
   fontSize: "16px",
   fontStyle: "normal",
@@ -225,7 +225,7 @@ const StyledErrorDetailsButton = styled(Button)(() => ({
 }));
 
 const StyledFileCountButton = styled(Button)(() => ({
-  color: "#0D78C5",
+  color: "#0B6CB1",
   fontFamily: "Inter",
   fontSize: "16px",
   fontStyle: "normal",
diff --git a/src/content/dataSubmissions/DataSubmissionsListView.tsx b/src/content/dataSubmissions/DataSubmissionsListView.tsx
index a7425072..058bd03b 100644
--- a/src/content/dataSubmissions/DataSubmissionsListView.tsx
+++ b/src/content/dataSubmissions/DataSubmissionsListView.tsx
@@ -293,7 +293,7 @@ const CreateSubmissionDialog = styled(Dialog)`
     cursor: pointer;
   }
   .createSubmissionError {
-    color: #D54309;
+    color: #C93F08;
     text-align: center;
     margin-bottom: 30px;
     margin-top: -20px;
@@ -544,7 +544,7 @@ const ListingView: FC = () => {
                       variant="h6"
                       align="center"
                       fontSize={18}
-                      color="#AAA"
+                      color="#757575"
                     >
                       There are no data submissions associated with your account
                     </Typography>
diff --git a/src/content/dataSubmissions/QualityControl.tsx b/src/content/dataSubmissions/QualityControl.tsx
index 8c66811c..477f9fed 100644
--- a/src/content/dataSubmissions/QualityControl.tsx
+++ b/src/content/dataSubmissions/QualityControl.tsx
@@ -18,7 +18,7 @@ type FilterForm = {
 
 const StyledErrorDetailsButton = styled(Button)({
   display: "inline",
-  color: "#0D78C5",
+  color: "#0B6CB1",
   fontFamily: "'Nunito', 'Rubik', sans-serif",
   fontSize: "16px",
   fontStyle: "normal",
diff --git a/src/content/organizations/ListView.tsx b/src/content/organizations/ListView.tsx
index bf26bc8c..56efba8d 100644
--- a/src/content/organizations/ListView.tsx
+++ b/src/content/organizations/ListView.tsx
@@ -44,7 +44,7 @@ const StyledButton = styled(Button)<{ component: ElementType } & LinkProps>({
   color: "#fff",
   textTransform: "none",
   borderColor: "#26B893 !important",
-  background: "#22A584 !important",
+  background: "#1B8369 !important",
   marginRight: "25px",
 });
 
@@ -421,7 +421,7 @@ const ListingView: FC = () => {
                       variant="h6"
                       align="center"
                       fontSize={18}
-                      color="#AAA"
+                      color="#757575"
                     >
                       No organizations found.
                     </Typography>
diff --git a/src/content/organizations/OrganizationView.tsx b/src/content/organizations/OrganizationView.tsx
index a6ce9758..7b79593b 100644
--- a/src/content/organizations/OrganizationView.tsx
+++ b/src/content/organizations/OrganizationView.tsx
@@ -450,7 +450,7 @@ const OrganizationView: FC<Props> = ({ _id }: Props) => {
                 spacing={1}
               >
                 <StyledButton type="submit" loading={saving} txt="#14634F" border="#26B893">Save</StyledButton>
-                <StyledButton type="button" onClick={() => navigate("/organizations")} txt="#949494" border="#828282">Cancel</StyledButton>
+                <StyledButton type="button" onClick={() => navigate("/organizations")} txt="#666666" border="#828282">Cancel</StyledButton>
               </StyledButtonStack>
             </form>
           </StyledContentStack>
diff --git a/src/content/questionnaire/ListView.tsx b/src/content/questionnaire/ListView.tsx
index 842aa37a..de308dbd 100644
--- a/src/content/questionnaire/ListView.tsx
+++ b/src/content/questionnaire/ListView.tsx
@@ -37,7 +37,7 @@ const StyledButton = styled(LoadingButton)({
   color: "#fff",
   textTransform: "none",
   borderColor: "#26B893 !important",
-  background: "#22A584 !important",
+  background: "#1B8369 !important",
   marginRight: "25px",
 });
 
@@ -158,7 +158,7 @@ const columns: Column[] = [
 
       return (
         <Link to={`/submission/${a?.["_id"]}`} state={{ from: "/submissions" }}>
-          <StyledActionButton bg="#74D9E7" text="#156071" border="#84B4BE">View</StyledActionButton>
+          <StyledActionButton bg="#89DDE6" text="#156071" border="#84B4BE">View</StyledActionButton>
         </Link>
       );
     },
@@ -326,7 +326,7 @@ const ListingView: FC = () => {
                       variant="h6"
                       align="center"
                       fontSize={18}
-                      color="#AAA"
+                      color="#757575"
                     >
                       There are no submission requests associated with your account
                     </Typography>
diff --git a/src/content/questionnaire/sections/D.tsx b/src/content/questionnaire/sections/D.tsx
index efc4b199..d6c17594 100644
--- a/src/content/questionnaire/sections/D.tsx
+++ b/src/content/questionnaire/sections/D.tsx
@@ -122,7 +122,7 @@ const TableContainer = styled("div")({
     },
   },
   "& .asterisk": {
-    color: "#D54309",
+    color: "#C93F08",
     marginLeft: "2px",
   },
   "& .MuiButton-startIcon": {
diff --git a/src/content/users/ListView.tsx b/src/content/users/ListView.tsx
index b179dcea..77f7d5c4 100644
--- a/src/content/users/ListView.tsx
+++ b/src/content/users/ListView.tsx
@@ -407,7 +407,7 @@ const ListingView: FC = () => {
                       variant="h6"
                       align="center"
                       fontSize={18}
-                      color="#AAA"
+                      color="#757575"
                     >
                       No users found.
                     </Typography>
diff --git a/src/content/users/ProfileView.tsx b/src/content/users/ProfileView.tsx
index 4ec7100d..e2419cc2 100644
--- a/src/content/users/ProfileView.tsx
+++ b/src/content/users/ProfileView.tsx
@@ -472,7 +472,7 @@ const ProfileView: FC<Props> = ({ _id, viewType }: Props) => {
                 spacing={1}
               >
                 {fieldset?.length > 0 && <StyledButton type="submit" loading={saving} txt="#14634F" border="#26B893">Save</StyledButton>}
-                {viewType === "users" && <StyledButton type="button" onClick={() => navigate("/users")} txt="#949494" border="#828282">Cancel</StyledButton>}
+                {viewType === "users" && <StyledButton type="button" onClick={() => navigate("/users")} txt="#666666" border="#828282">Cancel</StyledButton>}
               </StyledButtonStack>
             </form>
           </StyledContentStack>