diff --git a/components/HeroBanner.tsx b/components/HeroBanner.tsx
index 5aaa362..04b7071 100644
--- a/components/HeroBanner.tsx
+++ b/components/HeroBanner.tsx
@@ -25,7 +25,7 @@ const styles = StyleSheet.create({
     padding: Spacing.m,
   },
   stickerCard: {
-    backgroundColor: Colors.mangoOrange,
+    backgroundColor: Colors.heroPurple,
     borderRadius: 24,
     borderTopLeftRadius: 20,
     borderBottomRightRadius: 28,
diff --git a/constants/theme.ts b/constants/theme.ts
index fe5e6be..030ec17 100644
--- a/constants/theme.ts
+++ b/constants/theme.ts
@@ -2,6 +2,7 @@ import { Platform } from 'react-native';
 
 export const Colors = {
   stickerGreen: 'blue',
+  heroPurple: '#8B5CF6',
   mangoOrange: 'green',
   mangoYellow: '#FFD500',
   inkBlack: '#080808',