diff --git a/templates/administrative/assignment/timeline.html.twig b/templates/administrative/assignment/timeline.html.twig
index f72f60d..ba2c9a5 100644
--- a/templates/administrative/assignment/timeline.html.twig
+++ b/templates/administrative/assignment/timeline.html.twig
@@ -9,9 +9,9 @@
         {% set item = row[day|date('Ymd')] %}
         {% set colspan = item.numberOfDays %}
         <td class="{{ html_classes('border border-gray-700', {
-            'bg-orange-300': item.type == 'assignment',
-            'bg-yellow-300': item.type == 'disposition' and item.status != 'confirmed',
-            'bg-green-300': item.type == 'disposition' and item.status == 'confirmed',
+            'bg-gray-100': item.type == 'assignment',
+            'bg-blue-500 text-gray-50': item.type == 'disposition' and item.status != 'confirmed',
+            'bg-green-500 text-gray-50': item.type == 'disposition' and item.status == 'confirmed',
         }) }}" colspan="{{ colspan }}">
             {% if item.type  == 'disposition' %}
                 <button type="button"
@@ -93,13 +93,13 @@
         </table>
     </div>
     <div class="flex space-x-2">
-        <div class="flex items-center space-x-2 bg-orange-300 px-4 py-1">
+        <div class="flex items-center space-x-2 bg-gray-100 px-4 py-1">
             <span>Bedarf</span>
         </div>
-        <div class="flex items-center space-x-2 bg-yellow-300 px-4 py-1">
+        <div class="flex items-center space-x-2 bg-blue-500 text-gray-50 px-4 py-1">
             <span>in Bewerbung</span>
         </div>
-        <div class="flex items-center space-x-2 bg-green-300 px-4 py-1">
+        <div class="flex items-center space-x-2 bg-green-500 text-gray-50 px-4 py-1">
             <span>besetzt</span>
         </div>
     </div>