diff --git a/packages/components/theme/src/themeTokens/dark/getColorPalette.ts b/packages/components/theme/src/themeTokens/dark/getColorPalette.ts
index ea4e2c80a..4e610fe11 100644
--- a/packages/components/theme/src/themeTokens/dark/getColorPalette.ts
+++ b/packages/components/theme/src/themeTokens/dark/getColorPalette.ts
@@ -166,6 +166,42 @@ export const colors = {
     d30: '#FAB6E9',
     d40: '#FAD0EF',
   },
+  gold: {
+    l50: '#472D06',
+    l40: '#674109',
+    l30: '#75460F',
+    l20: '#9C641C',
+    l10: '#C2862D',
+    base: '#E7AA40',
+    d10: '#F5C76C',
+    d20: '#FFE099',
+    d30: '#FFEFC2',
+    d40: '#FFFCF0',
+  },
+  silver: {
+    l50: '#222731',
+    l40: '#2C303E',
+    l30: '#3A4154',
+    l20: '#5B647A',
+    l10: '#7F8AA1',
+    base: '#A9B4C8',
+    d10: '#C7CCD4',
+    d20: '#D3D9E0',
+    d30: '#DFE5ED',
+    d40: '#EBF2FA',
+  },
+  bronze: {
+    l50: '#24100D',
+    l40: '#30140C',
+    l30: '#572919',
+    l20: '#7D422A',
+    l10: '#A35F40',
+    base: '#C97F58',
+    d10: '#D6A181',
+    d20: '#E3C3AC',
+    d30: '#F0E5DD',
+    d40: '#FCF5ED',
+  },
 }
 
 export function getColorPalette(color: string, bgColor?: string): ColorPalette {
diff --git a/packages/components/theme/src/themeTokens/shared/color/getBaseColors.ts b/packages/components/theme/src/themeTokens/shared/color/getBaseColors.ts
index d733550fd..0c8c83794 100644
--- a/packages/components/theme/src/themeTokens/shared/color/getBaseColors.ts
+++ b/packages/components/theme/src/themeTokens/shared/color/getBaseColors.ts
@@ -24,6 +24,9 @@ export type BaseColorKeys =
   | 'grey'
   | 'white'
   | 'black'
+  | 'gold'
+  | 'silver'
+  | 'bronze'
 
 export type BaseColors = {
   [key in BaseColorKeys]: string
@@ -49,5 +52,8 @@ export function getBaseColors(): BaseColors {
     grey: '#a3a3a3',
     white: '#ffffff',
     black: '#000000',
+    gold: '#e7aa40',
+    silver: '#a9b4c8',
+    bronze: '#c97f58',
   }
 }