diff --git a/src/components/DatePicker/DatePicker.style.ts b/src/components/DatePicker/DatePicker.style.ts
index 0bab8749b..0bdbad1ed 100644
--- a/src/components/DatePicker/DatePicker.style.ts
+++ b/src/components/DatePicker/DatePicker.style.ts
@@ -66,7 +66,7 @@ export const datePickerStyles = ({ isRangePicker }: { isRangePicker?: boolean })
   .DayPicker-Day--selected:not(.DayPicker-Day--outside),
   .DayPicker-Day--start:not(.DayPicker-Day--outside) {
     background-color: #dfdfdf;
-    color: #000;
+    color: ${theme.palette.black};
   }
 
   .DayPicker-Day--selected.DayPicker-Day--disabled:not(.DayPicker-Day--outside) {