What’s the best option for an opacity slider on this color selection menu?

Four mobile screens showing a photo of a woman with some options to edit her makeup

Hi! I am currently working on a new cosmetics app. As an example, in the Lipstick category, users would be able to change their lip color by choosing a different lipstick color.

We created a small menu on the bottom of the screen with different lipstick color presets, opacity slider and category name. I still don’t know what is the best way to organize all of the elements inside the white menu.

The attached picture contains 4 design options.

It's important for me to keep all the elements inside the white menu and keep the menu as classic and clean as possible.

Is using a circle shape for both for the opacity slider and lipstick color presets a good design choice? Or it would be more correct to choose a circle shape for the slider and rectangle shape for the lipstick color presets (Like Op. number 4)?

I would appreciate your opinion and suggestions for improvement.