diff --git a/src/components/create-theme.tsx b/src/components/create-theme.tsx
index a2eabdd..a61a1b0 100644
--- a/src/components/create-theme.tsx
+++ b/src/components/create-theme.tsx
@@ -130,6 +130,9 @@ export default function CreateThemePage() {
         <h1 className="text-4xl lg:text-7xl font-bold">Create your theme</h1>
         <p className="text-lg opacity-40 mt-2">Create your own theme for Zen Browser and share it with the community.</p>
         <div className="flex items-center mt-8">
+          <div className="text-sm text-muted-foreground">
+            If the color is chosen from the palette, the accent color will be set to the user's selection in the preferences. However, if the color is chosen from the color picker, the accent color will be the color selected.
+          </div>
           {COLORS.map((color) => (
             <div
               key={color}