diff --git a/components/styles/themes/dark.ts b/components/styles/themes/dark.ts
index 49bb534..b065f5b 100644
--- a/components/styles/themes/dark.ts
+++ b/components/styles/themes/dark.ts
@@ -35,6 +35,7 @@ export const palette: ZeitUIThemesPalette = {
   cyan: '#79ffe1',
   purple: '#f81ce5',
   alert: '#ff0080',
+  violet: '#7928ca',
 }
 
 export const expressiveness: ZeitUIThemesExpressiveness = {
diff --git a/components/styles/themes/default.ts b/components/styles/themes/default.ts
index c34e2d9..23c0d7b 100644
--- a/components/styles/themes/default.ts
+++ b/components/styles/themes/default.ts
@@ -35,6 +35,7 @@ export const palette: ZeitUIThemesPalette = {
   cyan: '#79ffe1',
   purple: '#f81ce5',
   alert: '#ff0080',
+  violet: '#7928ca',
 }
 
 export const expressiveness: ZeitUIThemesExpressiveness = {
diff --git a/components/styles/themes/index.ts b/components/styles/themes/index.ts
index 388d01f..b92e7c3 100644
--- a/components/styles/themes/index.ts
+++ b/components/styles/themes/index.ts
@@ -29,6 +29,7 @@ export interface ZeitUIThemesPalette {
   cyan: string
   purple: string
   alert: string
+  violet: string
 }
 
 export interface ZeitUIThemesExpressiveness {