diff --git a/calendar.js b/calendar.js
index 50a9637c33b81fa93f932ee763c5780c7ba17295..2cb6f9495247dc54d03547105fc8b5d2f8092390 100644
--- a/calendar.js
+++ b/calendar.js
@@ -37,9 +37,10 @@ export default class DatePickView extends Component {
 }
 
 function getBleedingDaysInCalFormat(bleedingDaysSortedByDate) {
+  const shadesOfRed = ['#ffbaba', '#ff7b7b', '#ff5252', '#ff0000']
   return bleedingDaysSortedByDate.reduce((acc, day) => {
     const dateString = day.date.toISOString().slice(0, 10)
-    acc[dateString] = { startingDay: true, endingDay: true, color: 'red' }
+    acc[dateString] = { startingDay: true, endingDay: true, color: shadesOfRed[day.bleeding.value] }
     return acc
   }, {})
 }
\ No newline at end of file