Bug in the new color picker

Short description of issue

New color picker breaks when using default: rgba(0,0,0,0)

Reproduction steps

The new color picker doesn’t seem to work in the following scenario:

  1. Have a color setting with a transparent default: eg “default”: “rgba(0,0,0,0)”
  2. Try to select a new color with the picker
  3. Until you write the color manually using HEX or choose from an already used color, you can’t set the color in the picker.
  • This doesn’t happen if the color option already has a color set, only when it’s transparent.

Additional info

Screen recording of the issue: Zight Recording 2026-06-16 ...

What type of topic is this

Bug report

Also noticing if you feed a palette variable into a color scheme the theme editor can’t display it in the scheme preview:

Nitpick: pressing the little “plus” button picks a random color. Not just a random selection from “recently used” but a fully random color.

What I want to add when I press that button is so easy to guess. It’s “my most common color that isn’t already a variable”. In other words: the existing hex values, ranked by count, excluding values in the palette. So every time a merchant presses + they get a value that probably should be a variable but isn’t.

It might be slow to calculate all that. It’s definitely faster than manually clicking around a site to guess at which values should be variables instead of one-offs.

It should at least populate from the values in recently used. Just adding random colors is madness.

It’s great to see you both trying out the new color palette setting!

I was able to reproduce the issue with color settings defaulting to transparent, using both rgba(0,0,0,0) and #00000000. I have flagged this for investigation. For now, the practical workaround is to set the initial value to a solid color.

Thanks for the added notes on palette variables in color scheme previews and the + button adding a random color. I have passed that feedback along too.

Thanks for looking at this @Paige-Shopify . The transparent bug is not about a workaround now, it’s basically something that’s probably bugging tens of thousands of merchants right now, since themes have been setting transparent defaults for years.

Very true! Considering the impact, we have an internal team working on a fix, and we’ll provide an update once it’s been shipped.

If only there was a way to test this with Partners before releasing :melting_face:

One I forgot to mention, the color picker for editing color schemes should have the “color palette” options showing.

Color scheme editor palette with no option to pick palette colors:

Expected color picker:

I can create schemes from the palette colors in JSON but once they are unmapped, merchants have no way to remap the values. It’s a confusing first-run experience, just clicking around and learning how it works destroys the initial state and there is no way to recreate it.

Thanks for your patience while we looked into this. We’ve shipped a fix for the default transparent color issue.

The issues around color schemes and color palettes are being looked at separately, and we’ll share more information once we have an update.

@Paige-Shopify there is still the issue with the inability to go back to transparent after choosing a color. Previously, when you removed a color it defaulted to transparent, now it defaults to black: Zight Recording 2026-06-18 ...

@rubenbristian thanks for the keen eyes here. We’re working on a follow-up fix for that.

@Paige-Shopify Any updates on the color picker transparency bug? This is affecting a lot of our shops so ideally a fix can be rolled out soon. It is an issue on the color pickers without an alpha property set to true. Thanks!

Hi @Anne, we don’t have an update to share on the follow-up fix yet.

For now, the only workaround is to edit the relevant JSON directly and set the transparent value there, such as the template .json file for sections or settings_data.json for global theme settings. I know that isn’t convenient for merchants unless they have someone comfortable editing theme code, but that’s the current path for setting a color value with alpha.

Any update with this bug?

This is a pretty serious bug. When will the bug with the inability to set a transparent color be fixed, like before?

Hi @UTD-Dev thanks for checking on this. This is still being worked on at the moment.

Hi all, thanks for your patience regarding the follow-up fix.
You can now enter #00000000 or transparent to go back to transparent after choosing a color.