Color palette design critique: Spaces thumbnail colors 🪐

Hey. So in Crit and in the Asynchrit, we were talking about just a little adjustment I was making to the thumbnails that we use for spaces.

So this is currently what they look like using the Lens color palette. We don't currently support a yellow thumbnail because of what you can see here, where our dark yellow and our light yellow in Lens is just too close.

It doesn't pass from an accessibility standpoint. And even if accessibility weren't an important consideration, it's just, like, aesthetically doesn't have enough contrast.

The other issue with it is the teal. The light feels just a lot different than the others on the set.

So one option was to just adjust the yellow. So use a foreground color for the yellow that is darker, it's brown.

It's actually from the thread color palette. And then adjust the light teal. So don't make adjustments to these ones. One thought, and then something Lisa brought up and something Rajeev also brought up in credit that I was initially hesitant about doing is looking at the thread color palette as something we can incorporate into the product for content.

So when it's not interface, when it's something like an avatar, can this be, like, a stepping stone to using the right color palette?

There's potential risks with this, like, for example, mixing up the color palettes. But maybe that's something we can just talk with engineering about how to kind of put guardrails around this.

But I do like the spirit of it. Also, something Lisa brought up that I do really agree with is, like, maybe making purple, like, an off limits color where we don't use it because we use it so much for our interface, and we don't want to kind of mix up the two.

So this is what it could look like if we used the thread color palette. And there's two different versions of it.

One is using the ten level of the color palette for the background. So the lightest and then it's using the 60 for the foreground.

What I like about this combination is that both colors are really desirable. So the background is nice. It's legible, you can see it.

And then the foreground is like a rich version of the magenta, the orange, the blue, the yellow and the green.

And then for thread two, this one is using the 20 for the background, and then it's using the 70 for the foreground.

I think what's nice about this one is it has higher contrast with the background, especially for the overall shape. Also, I wonder at a smaller size, like, if we zoom out which one maybe like that, which one feels more legible?

I think the contrast between foreground and background of this row is better than here. But then the overall glance ability of these because of the background is better.

My preference is this row and I know it aligns more closely to how Justin and Jordan have.. Leveraged the color palette using primarily the Ten as a background and something like the 60 in the foreground.

But would love any thoughts also would love any thoughts in general on like. Should we potentially. Potentially use the thread color palette for things like avatars.

Even when we're using the lens color palette elsewhere?