Back to updates
Enhancement
Designer

Quickly search for swatches in the style panel

You can now quickly search to find swatches and preview color changes live on the canvas.

Quickly search for swatches in the style panel

<p id="">Now you can quickly search and select a swatch directly from the color input in the style panel. This makes it easier to find and select colors by displaying a dropdown list of swatches along with their corresponding color and name.&nbsp;</p><p id="">You’ll also now see a preview of color changes in real-time on the canvas when you hover over the swatches. </p><figure id="" class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1600px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1600px"><div id=""><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21d673_0e1b71b7.png>" id="" width="auto" height="auto" loading="auto"></div><figcaption id="">Quickly search for swatches in the style panel</figcaption></figure><p id="">Currently, this is only available in the style panel and Interactions. Searching for swatches is not supported in the CMS or the Editor at this current time.</p><p id="">To learn more, check out our <a href="<https://university.webflow.com/lesson/use-swatches-for-consistent-color#how-to-reuse-a-swatch>" id="">article on Webflow University</a>.</p>


Launched on
May 3, 2023
Category
Designer

Related updates

Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more