diff --git a/packages/forms/resources/views/components/field-wrapper/hint.blade.php b/packages/forms/resources/views/components/field-wrapper/hint.blade.php
index fa5e6b2aa8..44c3525066 100644
--- a/packages/forms/resources/views/components/field-wrapper/hint.blade.php
+++ b/packages/forms/resources/views/components/field-wrapper/hint.blade.php
@@ -6,8 +6,7 @@
 ])
 
 <div
-    {{
-        $attributes
+    {{ $attributes
             ->class([
                 'fi-fo-field-wrp-hint flex items-center gap-x-3 text-sm',
                 match ($color) {
@@ -16,9 +15,11 @@
                 },
             ])
             ->style([
-                \Filament\Support\get_color_css_variables($color, shades: [400, 500, 600]),
-            ])
-    }}
+                \Filament\Support\get_color_css_variables(
+                    $color,
+                    shades: [400, 500, 600]),
+                    alias: 'forms::components.field-wrapper.hint'
+            ]) }}
 >
     @if (! \Filament\Support\is_slot_empty($slot))
         {{ $slot }}
diff --git a/packages/forms/resources/views/components/toggle.blade.php b/packages/forms/resources/views/components/toggle.blade.php
index 82bf885554..e582b6dcad 100644
--- a/packages/forms/resources/views/components/toggle.blade.php
+++ b/packages/forms/resources/views/components/toggle.blade.php
@@ -29,8 +29,8 @@
             "
             x-bind:style="
                 state
-                    ? '{{ \Filament\Support\get_color_css_variables($onColor, shades: [600]) }}'
-                    : '{{ \Filament\Support\get_color_css_variables($offColor, shades: [600]) }}'
+                    ? '{{ \Filament\Support\get_color_css_variables($onColor, shades: [600]), alias: 'forms::components.toggle.on' }}'
+                    : '{{ \Filament\Support\get_color_css_variables($offColor, shades: [600]), alias: 'forms::components.toggle.off' }}'
             "
             {{
                 $attributes
diff --git a/packages/infolists/resources/views/components/entry-wrapper/hint.blade.php b/packages/infolists/resources/views/components/entry-wrapper/hint.blade.php
index 7f6a855218..85f19765a5 100644
--- a/packages/infolists/resources/views/components/entry-wrapper/hint.blade.php
+++ b/packages/infolists/resources/views/components/entry-wrapper/hint.blade.php
@@ -16,7 +16,11 @@
                 },
             ])
             ->style([
-                \Filament\Support\get_color_css_variables($color, shades: [400, 500, 600]),
+                \Filament\Support\get_color_css_variables(
+                    $color,
+                    shades: [400, 500, 600],
+                    alias: 'infolists::components.entry-wrapper.hint'
+                ),
             ])
     }}
 >
diff --git a/packages/infolists/resources/views/components/icon-entry.blade.php b/packages/infolists/resources/views/components/icon-entry.blade.php
index fdab9ebf24..ab476a7f27 100644
--- a/packages/infolists/resources/views/components/icon-entry.blade.php
+++ b/packages/infolists/resources/views/components/icon-entry.blade.php
@@ -37,7 +37,11 @@
                         },
                     ])
                     @style([
-                        \Filament\Support\get_color_css_variables($color, shades: [400, 500]) => $color !== 'gray',
+                        \Filament\Support\get_color_css_variables(
+                            $color,
+                            shades: [400, 500],
+                            alias: 'infolists::components.icon-entry.item',
+                        ) => $color !== 'gray',
                     ])
                 />
             @endif
diff --git a/packages/infolists/resources/views/components/text-entry.blade.php b/packages/infolists/resources/views/components/text-entry.blade.php
index 7625932f42..94dd243013 100644
--- a/packages/infolists/resources/views/components/text-entry.blade.php
+++ b/packages/infolists/resources/views/components/text-entry.blade.php
@@ -88,7 +88,11 @@
                         ]);
 
                         $iconStyles = \Illuminate\Support\Arr::toCssStyles([
-                            \Filament\Support\get_color_css_variables($color, shades: [500]) => $color !== 'gray',
+                            \Filament\Support\get_color_css_variables(
+                                $color,
+                                shades: [500],
+                                alias: 'infolists::components.text-entry.item.icon',
+                            ) => $color !== 'gray',
                         ]);
                     @endphp
 
@@ -146,7 +150,11 @@
                                     },
                                 ])
                                 @style([
-                                    \Filament\Support\get_color_css_variables($color, shades: [400, 600]) => ! in_array($color, [null, 'gray']),
+                                    \Filament\Support\get_color_css_variables(
+                                        $color,
+                                        shades: [400, 600],
+                                        alias: 'infolists::components.text-entry.item',
+                                    ) => ! in_array($color, [null, 'gray']),
                                 ])
                             >
                                 @if ($icon && in_array($iconPosition, [IconPosition::Before, 'before']))
diff --git a/packages/notifications/resources/views/components/icon.blade.php b/packages/notifications/resources/views/components/icon.blade.php
index b12c07f560..03eae1afca 100644
--- a/packages/notifications/resources/views/components/icon.blade.php
+++ b/packages/notifications/resources/views/components/icon.blade.php
@@ -22,7 +22,11 @@
                 },
             ])
             ->style([
-                \Filament\Support\get_color_css_variables($color, shades: [400]),
+                \Filament\Support\get_color_css_variables(
+                    $color,
+                    shades: [400],
+                    alias: 'notifications::notification.icon',
+                ),
             ])
     "
 />
diff --git a/packages/notifications/resources/views/notification.blade.php b/packages/notifications/resources/views/notification.blade.php
index fe2454a12e..960c7fb831 100644
--- a/packages/notifications/resources/views/notification.blade.php
+++ b/packages/notifications/resources/views/notification.blade.php
@@ -46,7 +46,15 @@
         },
     ])
     @style([
-        \Filament\Support\get_color_css_variables($color, shades: [400, 600]) => ! ($isInline || $color === 'gray'),
+        \Filament\Support\get_color_css_variables(
+            $color,
+            shades: [
+                50,
+                400,
+                600,
+            ],
+            alias: 'notifications::notification',
+        ) => ! ($isInline || $color === 'gray'),
     ])
 >
     <div
@@ -57,9 +65,6 @@
                 default => 'bg-custom-50 dark:bg-custom-400/10',
             },
         ])
-        @style([
-            \Filament\Support\get_color_css_variables($color, shades: [50, 400]) => ! ($isInline || $color === 'gray'),
-        ])
     >
         @if ($icon = $getIcon())
             <x-filament-notifications::icon
diff --git a/packages/support/resources/views/components/button/index.blade.php b/packages/support/resources/views/components/button/index.blade.php
index 344794a6bc..df611b91c6 100644
--- a/packages/support/resources/views/components/button/index.blade.php
+++ b/packages/support/resources/views/components/button/index.blade.php
@@ -85,7 +85,11 @@
     ]);
 
     $buttonStyles = \Illuminate\Support\Arr::toCssStyles([
-        \Filament\Support\get_color_css_variables($color, shades: [400, 500, 600]) => $color !== 'gray',
+        \Filament\Support\get_color_css_variables(
+            $color,
+            shades: [400, 500, 600],
+            alias: 'button',
+        ) => $color !== 'gray',
     ]);
 
     $iconSize ??= match ($size) {
diff --git a/packages/support/resources/views/components/dropdown/header.blade.php b/packages/support/resources/views/components/dropdown/header.blade.php
index 2e57a2379b..e070bca6db 100644
--- a/packages/support/resources/views/components/dropdown/header.blade.php
+++ b/packages/support/resources/views/components/dropdown/header.blade.php
@@ -24,6 +24,7 @@
                         ...(filled($icon) ? [500] : []),
                         600,
                     ],
+                    alias: 'dropdown.header',
                 ) => $color !== 'gray',
             ])
     }}
diff --git a/packages/support/resources/views/components/dropdown/list/item.blade.php b/packages/support/resources/views/components/dropdown/list/item.blade.php
index 78abd8ce46..1c2ad0b2ff 100644
--- a/packages/support/resources/views/components/dropdown/list/item.blade.php
+++ b/packages/support/resources/views/components/dropdown/list/item.blade.php
@@ -27,7 +27,11 @@
     ]);
 
     $buttonStyles = \Illuminate\Support\Arr::toCssStyles([
-        \Filament\Support\get_color_css_variables($color, shades: [50, 400, 500, 600]) => $color !== 'gray',
+        \Filament\Support\get_color_css_variables(
+            $color,
+            shades: [50, 400, 500, 600],
+            alias: 'dropdown.list.item',
+        ) => $color !== 'gray',
     ]);
 
     $iconClasses = \Illuminate\Support\Arr::toCssClasses([
diff --git a/packages/support/resources/views/components/icon-button.blade.php b/packages/support/resources/views/components/icon-button.blade.php
index 3e216a01b7..21b9941019 100644
--- a/packages/support/resources/views/components/icon-button.blade.php
+++ b/packages/support/resources/views/components/icon-button.blade.php
@@ -43,7 +43,11 @@
         },
     ]);
 
-    $buttonStyles = \Filament\Support\get_color_css_variables($color, shades: [300, 400, 500, 600]);
+    $buttonStyles = \Filament\Support\get_color_css_variables(
+        $color,
+        shades: [300, 400, 500, 600],
+        alias: 'icon-button',
+    );
 
     $iconClasses = \Illuminate\Support\Arr::toCssClasses([
         'fi-icon-btn-icon',
diff --git a/packages/support/resources/views/components/link.blade.php b/packages/support/resources/views/components/link.blade.php
index 8494380e7d..6218466586 100644
--- a/packages/support/resources/views/components/link.blade.php
+++ b/packages/support/resources/views/components/link.blade.php
@@ -49,7 +49,11 @@
     ]);
 
     $linkStyles = \Illuminate\Support\Arr::toCssStyles([
-        \Filament\Support\get_color_css_variables($color, shades: [300, 400, 500, 600]) => $color !== 'gray',
+        \Filament\Support\get_color_css_variables(
+            $color,
+            shades: [300, 400, 500, 600],
+            alias: 'link',
+        ) => $color !== 'gray',
     ]);
 
     $iconSize ??= match ($size) {
@@ -72,7 +76,11 @@
     ]);
 
     $iconStyles = \Illuminate\Support\Arr::toCssStyles([
-        \Filament\Support\get_color_css_variables($color, shades: [500]) => $color !== 'gray',
+        \Filament\Support\get_color_css_variables(
+            $color,
+            shades: [500],
+            alias: 'link.icon',
+        ) => $color !== 'gray',
     ]);
 
     $badgeContainerClasses = 'fi-link-badge-ctn absolute -top-1 start-full z-[1] -ms-1 w-max -translate-x-1/2 rounded-md bg-white rtl:translate-x-1/2 dark:bg-gray-900';
diff --git a/packages/support/resources/views/components/modal/index.blade.php b/packages/support/resources/views/components/modal/index.blade.php
index 8f1ce51f92..1db2e02a93 100644
--- a/packages/support/resources/views/components/modal/index.blade.php
+++ b/packages/support/resources/views/components/modal/index.blade.php
@@ -209,13 +209,23 @@
                                 >
                                     <div
                                         @class([
-                                            'rounded-full bg-custom-100 dark:bg-custom-500/20',
+                                            'rounded-full',
+                                            match ($iconColor) {
+                                                'gray' => 'bg-gray-100 dark:bg-gray-500/20',
+                                                default => 'bg-custom-100 dark:bg-custom-500/20',
+                                            },
                                             match ($alignment) {
                                                 Alignment::Left, Alignment::Start, 'left', 'start' => 'p-2',
                                                 Alignment::Center, 'center' => 'p-3',
                                             },
                                         ])
-                                        style="{{ \Filament\Support\get_color_css_variables($iconColor, shades: [100, 500]) }}"
+                                        @style([
+                                            \Filament\Support\get_color_css_variables(
+                                                $iconColor,
+                                                shades: [100, 400, 500, 600],
+                                                alias: 'modal.icon',
+                                            ) => $iconColor !== 'gray',
+                                        ])
                                     >
                                         <x-filament::icon
                                             :alias="$iconAlias"
@@ -227,9 +237,6 @@
                                                     default => 'text-custom-600 dark:text-custom-400',
                                                 },
                                             ])
-                                            @style([
-                                                \Filament\Support\get_color_css_variables($iconColor, shades: [400, 600]) => $iconColor !== 'gray',
-                                            ])
                                         />
                                     </div>
                                 </div>
diff --git a/packages/support/resources/views/components/section.blade.php b/packages/support/resources/views/components/section.blade.php
index d00d403b01..d1db1abc60 100644
--- a/packages/support/resources/views/components/section.blade.php
+++ b/packages/support/resources/views/components/section.blade.php
@@ -97,7 +97,11 @@
                         },
                     ])
                     @style([
-                        \Filament\Support\get_color_css_variables($iconColor, shades: [400, 500]) => $iconColor !== 'gray',
+                        \Filament\Support\get_color_css_variables(
+                            $iconColor,
+                            shades: [400, 500],
+                            alias: 'section.header.icon',
+                        ) => $iconColor !== 'gray',
                     ])
                 />
             @endif
diff --git a/packages/tables/resources/views/columns/icon-column.blade.php b/packages/tables/resources/views/columns/icon-column.blade.php
index e56723b809..991531fa1a 100644
--- a/packages/tables/resources/views/columns/icon-column.blade.php
+++ b/packages/tables/resources/views/columns/icon-column.blade.php
@@ -38,7 +38,11 @@
                     },
                 ])
                 @style([
-                    \Filament\Support\get_color_css_variables($color, shades: [400, 500]) => $color !== 'gray',
+                    \Filament\Support\get_color_css_variables(
+                        $color,
+                        shades: [400, 500],
+                        alias: 'tables::columns.icon-column.item',
+                    ) => $color !== 'gray',
                 ])
             />
         @endif
diff --git a/packages/tables/resources/views/columns/summaries/icon-count.blade.php b/packages/tables/resources/views/columns/summaries/icon-count.blade.php
index eae72266da..13d082b807 100644
--- a/packages/tables/resources/views/columns/summaries/icon-count.blade.php
+++ b/packages/tables/resources/views/columns/summaries/icon-count.blade.php
@@ -37,7 +37,11 @@
                                     },
                                 ])
                                 @style([
-                                    \Filament\Support\get_color_css_variables($color, shades: [400, 500]) => $color !== 'gray',
+                                    \Filament\Support\get_color_css_variables(
+                                        $color,
+                                        shades: [400, 500],
+                                        alias: 'tables::columns.summaries.icon-count.icon',
+                                    ) => $color !== 'gray',
                                 ])
                             />
                         </div>
diff --git a/packages/tables/resources/views/columns/text-column.blade.php b/packages/tables/resources/views/columns/text-column.blade.php
index ae0ab056b5..e30206bc70 100644
--- a/packages/tables/resources/views/columns/text-column.blade.php
+++ b/packages/tables/resources/views/columns/text-column.blade.php
@@ -84,7 +84,11 @@
                     ]);
 
                     $iconStyles = \Illuminate\Support\Arr::toCssStyles([
-                        \Filament\Support\get_color_css_variables($color, shades: [500]) => $color !== 'gray',
+                        \Filament\Support\get_color_css_variables(
+                            $color,
+                            shades: [500],
+                            alias: 'tables::columns.text-column.item.icon',
+                        ) => $color !== 'gray',
                     ]);
                 @endphp
 
@@ -146,7 +150,11 @@
                                 },
                             ])
                             @style([
-                                \Filament\Support\get_color_css_variables($color, shades: [400, 600]) => ! in_array($color, [null, 'gray']),
+                                \Filament\Support\get_color_css_variables(
+                                    $color,
+                                    shades: [400, 600],
+                                    alias: 'tables::columns.text-column.item',
+                                ) => ! in_array($color, [null, 'gray']),
                             ])
                         >
                             @if ($icon && in_array($iconPosition, [IconPosition::Before, 'before']))
diff --git a/packages/tables/resources/views/columns/toggle-column.blade.php b/packages/tables/resources/views/columns/toggle-column.blade.php
index b56158f8dd..a11164df14 100644
--- a/packages/tables/resources/views/columns/toggle-column.blade.php
+++ b/packages/tables/resources/views/columns/toggle-column.blade.php
@@ -75,8 +75,8 @@
             "
             x-bind:style="
                 state
-                    ? '{{ \Filament\Support\get_color_css_variables($onColor, shades: [600]) }}'
-                    : '{{ \Filament\Support\get_color_css_variables($offColor, shades: [600]) }}'
+                    ? '{{ \Filament\Support\get_color_css_variables($onColor, shades: [600], alias: 'tables::columns.toggle-column.on') }}'
+                    : '{{ \Filament\Support\get_color_css_variables($offColor, shades: [600], alias: 'tables::columns.toggle-column.off') }}'
             "
             @disabled($isDisabled())
             type="button"
diff --git a/packages/widgets/resources/views/chart-widget.blade.php b/packages/widgets/resources/views/chart-widget.blade.php
index 40c2578575..06e0376955 100644
--- a/packages/widgets/resources/views/chart-widget.blade.php
+++ b/packages/widgets/resources/views/chart-widget.blade.php
@@ -48,7 +48,11 @@
                         })"
                 x-ignore
                 @style([
-                    \Filament\Support\get_color_css_variables($color, shades: [50, 400, 500]) => $color !== 'gray',
+                    \Filament\Support\get_color_css_variables(
+                        $color,
+                        shades: [50, 400, 500],
+                        alias: 'widgets::chart-widget.chart',
+                    ) => $color !== 'gray',
                 ])
             >
                 <canvas
diff --git a/packages/widgets/resources/views/stats-overview-widget/stat.blade.php b/packages/widgets/resources/views/stats-overview-widget/stat.blade.php
index ede137b4fb..194ac86785 100644
--- a/packages/widgets/resources/views/stats-overview-widget/stat.blade.php
+++ b/packages/widgets/resources/views/stats-overview-widget/stat.blade.php
@@ -18,7 +18,11 @@
     ]);
 
     $descriptionIconStyles = \Illuminate\Support\Arr::toCssStyles([
-        \Filament\Support\get_color_css_variables($descriptionColor, shades: [500]) => $descriptionColor !== 'gray',
+        \Filament\Support\get_color_css_variables(
+            $descriptionColor,
+            shades: [500],
+            alias: 'widgets::stats-overview-widget.stat.description.icon',
+        ) => $descriptionColor !== 'gray',
     ]);
 @endphp
 
@@ -75,7 +79,11 @@
                         },
                     ])
                     @style([
-                        \Filament\Support\get_color_css_variables($descriptionColor, shades: [400, 600]) => $descriptionColor !== 'gray',
+                        \Filament\Support\get_color_css_variables(
+                            $descriptionColor,
+                            shades: [400, 600],
+                            alias: 'widgets::stats-overview-widget.stat.description',
+                        ) => $descriptionColor !== 'gray',
                     ])
                 >
                     {{ $description }}
@@ -105,7 +113,11 @@
                         })"
                 class="fi-wi-stats-overview-stat-chart absolute inset-x-0 bottom-0 overflow-hidden rounded-b-xl"
                 @style([
-                    \Filament\Support\get_color_css_variables($chartColor, shades: [50, 400, 500]) => $chartColor !== 'gray',
+                    \Filament\Support\get_color_css_variables(
+                        $chartColor,
+                        shades: [50, 400, 500],
+                        alias: 'widgets::stats-overview-widget.stat.chart',
+                    ) => $chartColor !== 'gray',
                 ])
             >
                 <canvas x-ref="canvas" class="h-6"></canvas>