Showing a selected dynamic field in the customizer - for color swatches

Trying to figure out if I’m doing something wrong, or if there’s a bug here.

So - fairly standard thing to do - in your theme, you go to a color field, and click the icon to make it dynamic. And, in this screenshot, we’re using “primary color 1” to choose the color.

So far so good. The bit I care about here is that it’s got a color swatch on the left.

Now - instead of using something from brand assets, I want to use a color from from a metaobject. Why? because the brand has a dozen colors in their brand guide.

So, I’ve got a metaobject definition, with two fields, a name and a hex color.

And when I do that, it grabs the color properly, but it doesn’t fill in the swatch. Instead I get a little line.

Is there a way that I can create this object so that it’ll show the swatch color there?

It’s pulling in the correct color field. I see it on the rendered page in the customizer and on the front end. So all that’s good. It’s just not showing the swatch in the customizer sidebar.

I’ve got the fields named theme_colors.name and theme_colors.color. And I’m wondering there’s a secret here, like it needs to be named color.hex or something very specific.