From 72e2c8465528082a2d96c09996b9288557ed9e9c Mon Sep 17 00:00:00 2001
From: Max Kohler <hello@maxkohler.com>
Date: Fri, 22 Aug 2025 17:48:44 +0200
Subject: [PATCH] Fix order

---
 components/src/DesignTokens/DesignTokens.mdx | 5 ++---
 components/src/DesignTokens/Tokens.ts        | 8 ++++----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/src/DesignTokens/DesignTokens.mdx b/components/src/DesignTokens/DesignTokens.mdx
index 70d234dc..2261eb71 100644
--- a/components/src/DesignTokens/DesignTokens.mdx
+++ b/components/src/DesignTokens/DesignTokens.mdx
@@ -85,13 +85,12 @@ Type sizes and paragraph styles are designed to match the typography on [swr.de]
 ## Colours
 ### Shades
 <ColorPalette>
-{["violet", "plum", "pink", "red", "orange", "yellow", "apple" , "forest","teal",    "blue", "gray"].map((el, i) => {
+{["violet", "plum", "pink", "red", "orange", "yellow", "apple" , "forest", "teal", "blue", "gray"].map((el, i) => {
 	return(
 		<ColorItem
 		title={`${el.split("")[0].toUpperCase()}${el.slice(1)}`}
 		colors={shades[el]}
-	/>
-			) 
+	/>) 
 })}
 </ColorPalette>
 
diff --git a/components/src/DesignTokens/Tokens.ts b/components/src/DesignTokens/Tokens.ts
index 3e23f925..9cdc9cd0 100644
--- a/components/src/DesignTokens/Tokens.ts
+++ b/components/src/DesignTokens/Tokens.ts
@@ -49,11 +49,11 @@ const shades: ColourMap = {
 		dark5: '#005163'
 	},
 	yellow: {
-		light1: '#FFFDB2',
-		light2: '#FEF67C',
+		light5: '#FFFDB2',
+		light4: '#FEF67C',
 		light3: '#FDEF3E',
-		light4: '#FAE617',
-		light5: '#F5DF13',
+		light2: '#FAE617',
+		light1: '#F5DF13',
 		base: '#EFD710',
 		dark1: '#E3CA0D',
 		dark2: '#DCC10A',