diff --git a/packages/grafana-ui/src/components/ColorPicker/NamedColorsGroup.tsx b/packages/grafana-ui/src/components/ColorPicker/NamedColorsGroup.tsx
index 2e015b92284..326a76b9fa9 100644
--- a/packages/grafana-ui/src/components/ColorPicker/NamedColorsGroup.tsx
+++ b/packages/grafana-ui/src/components/ColorPicker/NamedColorsGroup.tsx
@@ -95,6 +95,7 @@ const NamedColorsGroup: FunctionComponent<NamedColorsGroupProps> = ({
                   isSelected={color.name === selectedColor}
                   color={getColorForTheme(color, theme)}
                   onClick={() => onColorSelect(color)}
+                  theme={theme}
                 />
               </div>
             )