diff --git a/static/app/components/checkInTimeline/checkInTimeline.stories.tsx b/static/app/components/checkInTimeline/checkInTimeline.stories.tsx
index 87062fcd1007ec..707a987c6c12db 100644
--- a/static/app/components/checkInTimeline/checkInTimeline.stories.tsx
+++ b/static/app/components/checkInTimeline/checkInTimeline.stories.tsx
@@ -25,17 +25,17 @@ enum ExampleStatus {
 
 const statusStyle: TickStyle<ExampleStatus> = theme => ({
   [ExampleStatus.ERROR]: {
-    labelColor: theme.colors.red500,
-    tickColor: theme.colors.red400,
+    labelColor: theme.tokens.content.danger,
+    tickColor: theme.tokens.dataviz.semantic.bad,
   },
   [ExampleStatus.TIMEOUT]: {
-    labelColor: theme.colors.yellow500,
-    tickColor: theme.colors.yellow400,
-    hatchTick: theme.colors.yellow200,
+    labelColor: theme.tokens.content.warning,
+    tickColor: theme.tokens.dataviz.semantic.meh,
+    hatchTick: theme.tokens.border.warning.muted,
   },
   [ExampleStatus.OK]: {
-    labelColor: theme.colors.green500,
-    tickColor: theme.colors.green400,
+    labelColor: theme.tokens.content.success,
+    tickColor: theme.tokens.dataviz.semantic.good,
   },
 });
 
diff --git a/static/app/components/checkInTimeline/utils/testUtils.tsx b/static/app/components/checkInTimeline/utils/testUtils.tsx
index c424eaef51ee66..b1451176ce77e4 100644
--- a/static/app/components/checkInTimeline/utils/testUtils.tsx
+++ b/static/app/components/checkInTimeline/utils/testUtils.tsx
@@ -31,29 +31,29 @@ export const testStatusLabel = {
 
 export const testStatusStyle: TickStyle<string> = theme => ({
   error: {
-    labelColor: theme.colors.red500,
-    tickColor: theme.colors.red400,
+    labelColor: theme.tokens.content.danger,
+    tickColor: theme.tokens.dataviz.semantic.bad,
   },
   timeout: {
-    labelColor: theme.colors.red500,
-    tickColor: theme.colors.red400,
-    hatchTick: theme.colors.red200,
+    labelColor: theme.tokens.content.danger,
+    tickColor: theme.tokens.dataviz.semantic.bad,
+    hatchTick: theme.tokens.border.danger.muted,
   },
   ok: {
-    labelColor: theme.colors.green500,
-    tickColor: theme.colors.green400,
+    labelColor: theme.tokens.content.success,
+    tickColor: theme.tokens.dataviz.semantic.good,
   },
   missed: {
-    labelColor: theme.colors.yellow500,
-    tickColor: theme.colors.yellow400,
+    labelColor: theme.tokens.content.warning,
+    tickColor: theme.tokens.dataviz.semantic.meh,
   },
   in_progress: {
     labelColor: theme.tokens.content.disabled,
     tickColor: theme.tokens.content.disabled,
   },
   unknown: {
-    labelColor: theme.colors.gray500,
-    tickColor: theme.colors.gray400,
-    hatchTick: theme.colors.gray200,
+    labelColor: theme.tokens.content.secondary,
+    tickColor: theme.tokens.dataviz.semantic.neutral,
+    hatchTick: theme.tokens.border.neutral.muted,
   },
 });
diff --git a/static/app/views/insights/crons/utils.tsx b/static/app/views/insights/crons/utils.tsx
index 69b33a2ea742da..fb14518e33a06a 100644
--- a/static/app/views/insights/crons/utils.tsx
+++ b/static/app/views/insights/crons/utils.tsx
@@ -77,30 +77,30 @@ export const statusToText: Record<CheckInStatus, string> = {
 
 export const tickStyle: TickStyle<CheckInStatus> = theme => ({
   [CheckInStatus.ERROR]: {
-    labelColor: theme.colors.red500,
-    tickColor: theme.colors.red400,
+    labelColor: theme.tokens.content.danger,
+    tickColor: theme.tokens.dataviz.semantic.bad,
   },
   [CheckInStatus.TIMEOUT]: {
-    labelColor: theme.colors.red500,
-    tickColor: theme.colors.red400,
-    hatchTick: theme.colors.red200,
+    labelColor: theme.tokens.content.danger,
+    tickColor: theme.tokens.dataviz.semantic.bad,
+    hatchTick: theme.tokens.border.danger.muted,
   },
   [CheckInStatus.OK]: {
-    labelColor: theme.colors.green500,
-    tickColor: theme.colors.green400,
+    labelColor: theme.tokens.content.success,
+    tickColor: theme.tokens.dataviz.semantic.good,
   },
   [CheckInStatus.MISSED]: {
-    labelColor: theme.colors.yellow500,
-    tickColor: theme.colors.yellow400,
+    labelColor: theme.tokens.content.warning,
+    tickColor: theme.tokens.dataviz.semantic.meh,
   },
   [CheckInStatus.IN_PROGRESS]: {
     labelColor: theme.tokens.content.disabled,
     tickColor: theme.tokens.content.disabled,
   },
   [CheckInStatus.UNKNOWN]: {
-    labelColor: theme.colors.gray500,
-    tickColor: theme.colors.gray400,
-    hatchTick: theme.colors.gray200,
+    labelColor: theme.tokens.content.secondary,
+    tickColor: theme.tokens.dataviz.semantic.neutral,
+    hatchTick: theme.tokens.border.neutral.muted,
   },
 });
 
diff --git a/static/app/views/insights/uptime/timelineConfig.tsx b/static/app/views/insights/uptime/timelineConfig.tsx
index 9ba1a65c11f626..795b5b8630542c 100644
--- a/static/app/views/insights/uptime/timelineConfig.tsx
+++ b/static/app/views/insights/uptime/timelineConfig.tsx
@@ -48,21 +48,21 @@ export const reasonToText: Record<
 
 export const tickStyle: TickStyle<CheckStatus> = theme => ({
   [CheckStatus.SUCCESS]: {
-    labelColor: theme.colors.green500,
-    tickColor: theme.colors.green400,
+    labelColor: theme.tokens.content.success,
+    tickColor: theme.tokens.dataviz.semantic.good,
   },
   [CheckStatus.FAILURE]: {
-    labelColor: theme.colors.red500,
-    tickColor: theme.colors.red400,
-    hatchTick: theme.colors.red200,
+    labelColor: theme.tokens.content.danger,
+    tickColor: theme.tokens.dataviz.semantic.bad,
+    hatchTick: theme.tokens.border.danger.muted,
   },
   [CheckStatus.FAILURE_INCIDENT]: {
-    labelColor: theme.colors.red500,
-    tickColor: theme.colors.red400,
+    labelColor: theme.tokens.content.danger,
+    tickColor: theme.tokens.dataviz.semantic.bad,
   },
   [CheckStatus.MISSED_WINDOW]: {
-    labelColor: theme.colors.gray500,
-    tickColor: theme.colors.gray400,
-    hatchTick: theme.colors.gray200,
+    labelColor: theme.tokens.content.secondary,
+    tickColor: theme.tokens.dataviz.semantic.neutral,
+    hatchTick: theme.tokens.border.neutral.muted,
   },
 });