diff --git a/packages/design-tokens/src/color-palette.yml b/packages/design-tokens/src/color-palette.yml
index 52bc001a0..cf4a7be18 100644
--- a/packages/design-tokens/src/color-palette.yml
+++ b/packages/design-tokens/src/color-palette.yml
@@ -1,33 +1,33 @@
 color:
   gray:
     100:
-      value: rgb(255,255,255)
+      value: "#FFFFFF"
     200:
-      value: rgb(253,253,253)
+      value: "#FDFDFD"
     300:
-      value: rgb(248,248,248)
+      value: "#F8F8F8"
     400:
-      value: rgb(230,230,230)
+      value: "#E6E6E6"
     500:
-      value: rgb(213,213,213)
+      value: "#D5D5D5"
     600:
-      value: rgb(177,177,177)
+      value: "#B1B1B1"
     700:
-      value: rgb(144,144,144)
+      value: "#909090"
     800:
-      value: rgb(109,109,109)
+      value: "#6D6D6D"
     900:
-      value: rgb(70,70,70)
+      value: "#464646"
     1000:
-      value: rgb(34,34,34)
+      value: "#222222"
     1100:
-      value: rgb(0,0,0)
+      value: "#000000"
 
   hosting-blue:
     100:
-      value: "#DEE9FF"
+      value: "#F0F5FF"
     200:
-      value: "#CCDEFF"
+      value: "#E0EBFF"
     300:
       value: "#A8C6FF"
     400:
@@ -41,134 +41,107 @@ color:
     800:
       value: "#0054F5"
     900:
-      value: "#003CAE"
+      value: "#003FB8"
     1000:
-      value: "#002366"
+      value: "#002A7B"
     1100:
-      value: "#001743"
-
-  navy-blue:
-    100:
-      value: "#D9DEF3"
-    200:
-      value: "#C8CFEE"
-    300:
-      value: "#A5B0E2"
-    400:
-      value: "#8291D7"
-    500:
-      value: "#5F73CC"
-    600:
-      value: "#3D55C1"
-    700:
-      value: "#32459E"
-    800:
-      value: "#27367B"
-    900:
-      value: "#1D285C"
-    1000:
-      value: "#131B3D"
-    1100:
-      value: "#0E142E"
+      value: "#00205C"
 
   espelkamp-green:
     100:
-      value: "#C0FFEC"
+      value: "#F8FFFD"
     200:
-      value: "#A6FFE4"
+      value: "#D9FFF4"
     300:
-      value: "#73FFD5"
+      value: "#99FFE0"
     400:
-      value: "#40FFC5"
+      value: "#2EFFC0"
     500:
-      value: "#0DFFB6"
+      value: "#00F5AB"
     600:
-      value: "#00D998"
+      value: "#00D192"
     700:
-      value: "#00A674"
+      value: "#00A673"
     800:
       value: "#00825B"
     900:
       value: "#005F42"
     1000:
-      value: "#003B29"
+      value: "#004732"
     1100:
-      value: "#00291D"
+      value: "#002E20"
 
   amaranth-red:
     100:
-      value: "#F7C5D2"
+      value: "#FDF0F3"
     200:
-      value: "#F5B4C3"
+      value: "#FBE0E6"
     300:
-      value: "#F090A6"
+      value: "#F7C1CC"
     400:
-      value: "#EB6C89"
+      value: "#F2A2B3"
     500:
-      value: "#E6486B"
+      value: "#EE8299"
     600:
-      value: "#E1244C"
+      value: "#EA637F"
     700:
-      value: "#BD1A3B"
+      value: "#E54366"
     800:
-      value: "#95142D"
+      value: "#E1244C"
     900:
-      value: "#6C0F20"
+      value: "#B4193A"
     1000:
-      value: "#440914"
+      value: "#8312AA"
     1100:
-      value: "#30070"
+      value: "#711226"
 
   royal-orange:
     100:
-      value: "#FFF9F1"
+      value: "#FFF4EB"
     200:
-      value: "#FEEFE3"
+      value: "#FFEBDC"
     300:
-      value: "#FFE4D0"
+      value: "#FFD9BD"
     400:
-      value: "#FFC9A1"
+      value: "#FFC89F"
     500:
-      value: "#FFAE72"
+      value: "#FFB680"
     600:
-      value: "#FF9343"
+      value: "#FFA562"
     700:
-      value: "#D4573E"
+      value: "#FF9343"
     800:
-      value: "#BF393C"
+      value: "#FF8225"
     900:
-      value: "#BF393C"
+      value: "#F56800"
     1000:
-      value: "#BF393C"
+      value: "#D25900"
     1100:
-      value: "#BF393C"
+      value: "#9A4100"
 
   soft-contrast-violet:
     100:
-      value: "#eeecff"
+      value: "#F4F3FE"
     200:
-      value: "#eeecff"
+      value: "#EAE7FD"
     300:
-      value: "#eeecff"
+      value: "#D6D0FA"
     400:
-      value: "#dbd7f8"
+      value: "#C2B9F8"
     500:
-      value: "#b8aef7"
+      value: "#AEA2F5"
     600:
-      value: "#9485f2"
+      value: "#998BF3"
     700:
-      value: "#715dee"
+      value: "#8574F0"
     800:
-      value: "#5c50ca"
+      value: "#715DEE"
     900:
-      value: "#4743a5"
+      value: "#5C50CA"
     1000:
-      value: "#4743a5"
+      value: "#534FB8"
     1100:
-      value: "#4743a5"
-
-  white:
-    value: rgb(255,255,255)
+      value: "#4743A5"
 
   transparent:
     value: transparent
diff --git a/packages/design-tokens/src/components/badge.yml b/packages/design-tokens/src/components/badge.yml
index 42fe6f8ef..529f4b88d 100644
--- a/packages/design-tokens/src/components/badge.yml
+++ b/packages/design-tokens/src/components/badge.yml
@@ -16,14 +16,14 @@ badge:
   icon-to-text-spacing:
     value: 0.5em
   color:
-    value: "{color.white}"
+    value: "{neutral.color.100}"
 
   # Variants
   info-background-color:
-    value: "{informative.color.700}"
+    value: "{informative.color.900}"
   success-background-color:
-    value: "{accent.color.700}"
+    value: "{accent.color.800}"
   warning-background-color:
-    value: "{warning.color.700}"
+    value: "{warning.color.800}"
   negative-background-color:
-    value: "{negative.color.700}"
+    value: "{negative.color.800}"
diff --git a/packages/design-tokens/src/components/button.yml b/packages/design-tokens/src/components/button.yml
index 3a2f94c11..b8205754c 100644
--- a/packages/design-tokens/src/components/button.yml
+++ b/packages/design-tokens/src/components/button.yml
@@ -11,24 +11,24 @@ button:
   # Accent
   accent-background-color:
     default:
-      value: "{accent.color.700}"
-    hover:
       value: "{accent.color.800}"
-    pressed:
+    hover:
       value: "{accent.color.900}"
+    pressed:
+      value: "{accent.color.1000}"
   accent-color:
-    value: "{color.white}"
+    value: "{neutral.color.100}"
 
   # Primary
   primary-background-color:
     default:
-      value: "{informative.color.700}"
-    hover:
       value: "{informative.color.800}"
-    pressed:
+    hover:
       value: "{informative.color.900}"
+    pressed:
+      value: "{informative.color.1000}"
   primary-color:
-    value: "{color.white}"
+    value: "{neutral.color.100}"
 
   # Secondary
   secondary-background-color:
@@ -40,7 +40,7 @@ button:
       value: "{neutral.color.600}"
   secondary-color:
     default:
-      value: "{informative.color.700}"
+      value: "{informative.color.800}"
     hover:
       value: "{informative.color.900}"
     pressed:
@@ -49,16 +49,16 @@ button:
   # Negative
   negative-background-color:
     default:
-      value: "{negative.color.700}"
-    hover:
       value: "{negative.color.800}"
-    pressed:
+    hover:
       value: "{negative.color.900}"
+    pressed:
+      value: "{negative.color.1000}"
   negative-color:
-    value: "{color.white}"
+    value: "{neutral.color.100}"
 
   # Disabled
   disabled-background-color:
     value: "{neutral.color.400}"
   disabled-color:
-    value: "{color.white}"
+    value: "{neutral.color.100}"
diff --git a/packages/design-tokens/src/components/checkbox.yml b/packages/design-tokens/src/components/checkbox.yml
index 61f71c8b9..18a0ce101 100644
--- a/packages/design-tokens/src/components/checkbox.yml
+++ b/packages/design-tokens/src/components/checkbox.yml
@@ -13,7 +13,7 @@ checkbox:
     value: "{border-style.default}"
   border-color:
     default:
-      value: "{neutral.color.500}"
+      value: "{neutral.color.700}"
     selected:
       value: "{informative.color.900}"
     disabled:
@@ -22,7 +22,7 @@ checkbox:
       value: "{neutral.color.600}"
   background-color:
     default:
-      value: "{color.white}"
+      value: "{neutral.color.100}"
     selected:
       value: "{informative.color.200}"
     disabled:
diff --git a/packages/design-tokens/src/components/heading.yml b/packages/design-tokens/src/components/heading.yml
index 12af75991..718c25fb1 100644
--- a/packages/design-tokens/src/components/heading.yml
+++ b/packages/design-tokens/src/components/heading.yml
@@ -1,6 +1,6 @@
 heading:
   color:
-    value: "{color.navy-blue.700}"
+    value: "{informative.color.1000}"
   font-weight:
     value: "{font-weight.bold}"
   h1-font-size:
diff --git a/packages/design-tokens/src/components/initials.yml b/packages/design-tokens/src/components/initials.yml
index ef4ea1261..44e2e7f24 100644
--- a/packages/design-tokens/src/components/initials.yml
+++ b/packages/design-tokens/src/components/initials.yml
@@ -4,9 +4,9 @@ initials:
 
   # Variant 1
   variant-1-background-color:
-    value: "{color.soft-contrast-violet.100}"
+    value: "{color.soft-contrast-violet.200}"
   variant-1-first-initial-color:
-    value: "{color.soft-contrast-violet.600}"
+    value: "{color.soft-contrast-violet.700}"
   variant-1-second-initial-color:
     value: "{color.soft-contrast-violet.900}"
 
@@ -14,21 +14,21 @@ initials:
   variant-2-background-color:
     value: "{color.royal-orange.200}"
   variant-2-first-initial-color:
-    value: "{color.royal-orange.600}"
+    value: "{color.royal-orange.700}"
   variant-2-second-initial-color:
     value: "{color.royal-orange.900}"
 
   # Variant 3
   variant-3-background-color:
-    value: "{color.espelkamp-green.100}"
+    value: "{color.espelkamp-green.200}"
   variant-3-first-initial-color:
-    value: "{color.espelkamp-green.600}"
+    value: "{color.espelkamp-green.700}"
   variant-3-second-initial-color:
     value: "{color.espelkamp-green.900}"
 
   # Variant 4
   variant-4-background-color:
-    value: "{color.hosting-blue.100}"
+    value: "{color.hosting-blue.200}"
   variant-4-first-initial-color:
     value: "{color.hosting-blue.600}"
   variant-4-second-initial-color:
diff --git a/packages/design-tokens/src/components/link.yml b/packages/design-tokens/src/components/link.yml
index ade471f85..655be41d3 100644
--- a/packages/design-tokens/src/components/link.yml
+++ b/packages/design-tokens/src/components/link.yml
@@ -5,19 +5,19 @@ link:
     value: "{font-weight.bold}"
   color:
     default:
-      value: "{informative.color.700}"
-    hover:
       value: "{informative.color.800}"
-    pressed:
+    hover:
       value: "{informative.color.900}"
+    pressed:
+      value: "{informative.color.1000}"
     disabled:
-      value: "{neutral.color.600}"
+      value: "{neutral.color.500}"
 
   # Negative
   negative-color:
     default:
-      value: "{negative.color.700}"
-    hover:
       value: "{negative.color.800}"
-    pressed:
+    hover:
       value: "{negative.color.900}"
+    pressed:
+      value: "{negative.color.1000}"
diff --git a/packages/design-tokens/src/components/navigation.yml b/packages/design-tokens/src/components/navigation.yml
index 439263620..966d2046e 100644
--- a/packages/design-tokens/src/components/navigation.yml
+++ b/packages/design-tokens/src/components/navigation.yml
@@ -37,4 +37,4 @@ navigation-item:
   disabled-background-color:
     value: "{neutral.color.400}"
   disabled-color:
-    value: "{color.white}"
+    value: "{neutral.color.100}"
diff --git a/packages/design-tokens/src/components/note.yml b/packages/design-tokens/src/components/note.yml
index 9b4006ac9..e260259e4 100644
--- a/packages/design-tokens/src/components/note.yml
+++ b/packages/design-tokens/src/components/note.yml
@@ -20,18 +20,18 @@ note:
 
   # Info
   info-border-color:
-    value: "{informative.color.700}"
+    value: "{informative.color.800}"
   info-heading-color:
-    value: "{informative.color.900}"
+    value: "{informative.color.800}"
 
   # Warning
   warning-border-color:
-    value: "{warning.color.700}"
+    value: "{warning.color.900}"
   warning-heading-color:
     value: "{warning.color.900}"
 
   # Negative
   negative-border-color:
-    value: "{negative.color.700}"
+    value: "{negative.color.800}"
   negative-heading-color:
-    value: "{negative.color.900}"
+    value: "{negative.color.800}"
diff --git a/packages/design-tokens/src/components/radio-group.yml b/packages/design-tokens/src/components/radio-group.yml
index 0a9a34ed3..76f149105 100644
--- a/packages/design-tokens/src/components/radio-group.yml
+++ b/packages/design-tokens/src/components/radio-group.yml
@@ -26,7 +26,7 @@ radio-group:
       value: "{neutral.color.600}"
   background-color:
     default:
-      value: "{color.white}"
+      value: "{neutral.color.100}"
     selected:
       value: "{informative.color.200}"
     disabled:
diff --git a/packages/design-tokens/src/components/switch.yml b/packages/design-tokens/src/components/switch.yml
index 1ed6eea4c..4731deaee 100644
--- a/packages/design-tokens/src/components/switch.yml
+++ b/packages/design-tokens/src/components/switch.yml
@@ -19,7 +19,7 @@ switch:
   indicator-to-marker-spacing:
     value: "{size-rem.xs}"
   indicator-marker-color:
-    value: "{color.white}"
+    value: "{neutral.color.100}"
   indicator-marker-size:
     value: "{size-rem.m}"
   indicator-color:
@@ -33,17 +33,17 @@ switch:
   # Accent
   accent-indicator-color:
     selected:
-      value: "{accent.color.700}"
-    selected-pressed:
       value: "{accent.color.800}"
+    selected-pressed:
+      value: "{accent.color.900}"
     selected-disabled:
       value: "{accent.color.200}"
 
   # Negative
   negative-indicator-color:
     selected:
-      value: "{negative.color.700}"
-    selected-pressed:
       value: "{negative.color.800}"
+    selected-pressed:
+      value: "{negative.color.900}"
     selected-disabled:
       value: "{negative.color.300}"
diff --git a/packages/design-tokens/src/form-control.yml b/packages/design-tokens/src/form-control.yml
index a64183b6c..7e9931ce9 100644
--- a/packages/design-tokens/src/form-control.yml
+++ b/packages/design-tokens/src/form-control.yml
@@ -32,7 +32,7 @@ form-control:
     hover:
       value: "{neutral.color.500}"
     focused:
-      value: "{color.white}"
+      value: "{neutral.color.100}"
     invalid:
       value: "{negative.color.100}"
   color: