diff --git a/.changeset/clean-yaks-appear.md b/.changeset/clean-yaks-appear.md
new file mode 100644
index 00000000000..0c6a13deab4
--- /dev/null
+++ b/.changeset/clean-yaks-appear.md
@@ -0,0 +1,6 @@
+---
+"@chakra-ui/anatomy": patch
+"@chakra-ui/slider": patch
+---
+
+Allow slider mark to be themable
diff --git a/packages/components/anatomy/src/components.ts b/packages/components/anatomy/src/components.ts
index 04f4ab0f935..17ad5615039 100644
--- a/packages/components/anatomy/src/components.ts
+++ b/packages/components/anatomy/src/components.ts
@@ -117,6 +117,7 @@ export const sliderAnatomy = anatomy("slider").parts(
   "track",
   "thumb",
   "filledTrack",
+  "mark",
 )
 
 export const statAnatomy = anatomy("stat").parts(
diff --git a/packages/components/slider/src/slider.tsx b/packages/components/slider/src/slider.tsx
index 844bcedac6c..adb106855fa 100644
--- a/packages/components/slider/src/slider.tsx
+++ b/packages/components/slider/src/slider.tsx
@@ -149,11 +149,13 @@ export interface SliderMarkProps extends HTMLChakraProps<"div"> {
  */
 export const SliderMark = forwardRef<SliderMarkProps, "div">((props, ref) => {
   const { getMarkerProps } = useSliderContext()
+  const styles = useSliderStyles()
   const markProps = getMarkerProps(props, ref)
   return (
     <chakra.div
       {...markProps}
       className={cx("chakra-slider__marker", props.className)}
+      __css={styles.mark}
     />
   )
 })