diff --git a/BugBazaar/Components/HeroBanner.swift b/BugBazaar/Components/HeroBanner.swift
index b90ddae..b530f25 100644
--- a/BugBazaar/Components/HeroBanner.swift
+++ b/BugBazaar/Components/HeroBanner.swift
@@ -23,7 +23,7 @@ struct HeroBanner: View {
                     bottomTrailingRadius: 28,
                     topTrailingRadius: 24
                 )
-                .fill(Theme.mangoOrange)
+                .fill(Theme.rareSpeciesCollectionGreen)
                 HalftoneOverlay(dotSize: 1, spacing: 4, opacity: 0.12)
                     .clipShape(
                         UnevenRoundedRectangle(
@@ -35,7 +35,7 @@ struct HeroBanner: View {
                     )
             }
         )
-        .shadow(color: Theme.stickerGreen.opacity(0.2), radius: 12, x: 0, y: 4)
+        .shadow(color: Theme.rareSpeciesCollectionGreen.opacity(0.2), radius: 12, x: 0, y: 4)
         .padding(Spacing.m)
     }
 }
diff --git a/BugBazaar/Theme.swift b/BugBazaar/Theme.swift
index fb57d13..07b88f0 100644
--- a/BugBazaar/Theme.swift
+++ b/BugBazaar/Theme.swift
@@ -14,7 +14,8 @@ enum Theme {
     // stickerGreen/mangoOrange intentionally match the CSS named colors
     // 'blue' and 'green' used by the original React Native theme.
     static let stickerGreen = Color(hex: 0x0000FF)
-    static let mangoOrange = Color(hex: 0x008000)
+    static let rareSpeciesCollectionGreen = Color(hex: 0x008000)
+    static let mangoOrange = rareSpeciesCollectionGreen
     static let mangoYellow = Color(hex: 0xFFD500)
     static let inkBlack = Color(hex: 0x080808)
     static let paperWhite = Color(hex: 0xFCFCFC)