diff --git a/components/product/ProductInfo.tsx b/components/product/ProductInfo.tsx
index c847887..fd88f0a 100644
--- a/components/product/ProductInfo.tsx
+++ b/components/product/ProductInfo.tsx
@@ -18,13 +18,11 @@ import { ProductDetailsPage } from "apps/commerce/types.ts";
 import { mapProductToAnalyticsItem } from "apps/commerce/utils/productToAnalyticsItem.ts";
 import ProductSelector from "./ProductVariantSelector.tsx";
 import Icon from "deco-sites/maconequiio/components/ui/Icon.tsx";
-import type { Color } from "deco-sites/maconequiio/loaders/Colors/colors.ts";
 import Variants from "deco-sites/maconequiio/components/product/Variants.tsx";
 import { useVariantPossibilities } from "deco-sites/maconequiio/sdk/useVariantPossiblities.ts";
 
 export interface Props {
   page: ProductDetailsPage | null;
-  colors: Color[];
   layout: {
     /**
      * @title Product Name
@@ -35,7 +33,7 @@ export interface Props {
   };
 }
 
-function ProductInfo({ page, colors = [], layout }: Props) {
+function ProductInfo({ page, layout }: Props) {
   const platform = usePlatform();
   const id = useId();
 
@@ -144,7 +142,6 @@ function ProductInfo({ page, colors = [], layout }: Props) {
         <ProductSelector
           possibilities={possibilities}
           url={url ?? ""}
-          colors={colors}
         />
       )}
 
diff --git a/components/product/ProductVariantSelector.tsx b/components/product/ProductVariantSelector.tsx
index 66564fd..6afad53 100644
--- a/components/product/ProductVariantSelector.tsx
+++ b/components/product/ProductVariantSelector.tsx
@@ -1,15 +1,13 @@
 import Avatar from "$store/components/ui/Avatar.tsx";
 import { type Possibilities } from "$store/sdk/useVariantPossiblities.ts";
 import { relative } from "$store/sdk/url.ts";
-import type { Color } from "deco-sites/maconequiio/loaders/Colors/colors.ts";
 
 interface Props {
   possibilities: Possibilities;
   url: string;
-  colors: Color[];
 }
 
-function VariantSelector({ possibilities, url, colors }: Props) {
+function VariantSelector({ possibilities, url }: Props) {
   return (
     <div class="flex flex-col mt-4 sm:mt-6">
       <ul class="flex flex-col gap-4">
@@ -26,7 +24,6 @@ function VariantSelector({ possibilities, url, colors }: Props) {
                     <li class="h-8">
                       <button f-partial={relativeLink} f-client-nav>
                         <Avatar
-                          colors={colors}
                           content={value}
                           variant={relativeLink === relativeUrl
                             ? "active"
diff --git a/components/ui/Avatar.tsx b/components/ui/Avatar.tsx
index ef6bd13..1100fda 100644
--- a/components/ui/Avatar.tsx
+++ b/components/ui/Avatar.tsx
@@ -3,8 +3,6 @@
  * TODO: Figure out a better name for this component.
  */
 
-import type { Color } from "deco-sites/maconequiio/loaders/Colors/colors.ts";
-
 const colors: Record<string, string> = {
   "Azul": "bg-[#87CEFA] ring-[#87CEFA]",
   "Branco": "bg-[#FFFFFF] ring-[#FFFFFF]",
@@ -26,7 +24,6 @@ const colors: Record<string, string> = {
 interface Props {
   variant?: "active" | "disabled" | "default";
   content: string;
-  colors: Color[];
 }
 
 const variants = {